欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript使用indexOf()實現(xiàn)數(shù)組去重的方法分析

 更新時間：2018年09月04日 11:10:25   作者：webarn  
這篇文章主要介紹了JavaScript使用indexOf()實現(xiàn)數(shù)組去重的方法,結(jié)合實例形式分析了使用indexOf()方法進(jìn)行數(shù)組的判斷與去重相關(guān)原理與具體操作技巧,需要的朋友可以參考下

本文實例講述了JavaScript使用indexOf()實現(xiàn)數(shù)組去重的方法。分享給大家供大家參考，具體如下：

數(shù)組去重方法有多中,這里列舉出自己認(rèn)為比較容易理解的方法.

思路:

  • 1. 創(chuàng)建一個新的空數(shù)組,用來存放去重后的新數(shù)組.
  • 2. 利用for循環(huán)循環(huán)遍歷需要去重的數(shù)組.
  • 3. 利用indexOf()方法查詢遍歷出的數(shù)組在新數(shù)組中是否出現(xiàn),如果出現(xiàn):則繼續(xù)遍歷數(shù)組,如未出現(xiàn):則利用push方法添加到新數(shù)組中.
  • 4. 原數(shù)組循環(huán)遍歷完成后,組建一個已經(jīng)去除重復(fù)的新數(shù)組.
<script>
  var arr = [1,3,4,5,6,7,4,3,2,4,5,6,7,3,2];
  function find(){
    var newArr = [];
    for (var i = 0; i < arr.length; i++) {
      if (newArr.indexOf(arr[i]) == -1 ) {
        newArr.push(arr[i]);
      }
    }
    document.write(newArr);
  }
  find(arr);
</script>

這里使用在線HTML/CSS/JavaScript代碼運行工具http://tools.jb51.net/code/HtmlJsRun測試運行結(jié)果如下：

補充：indexOf() 方法返回值:

  • 如果檢索的結(jié)果沒有匹配值,則返回 -1.
  • 如果檢索的結(jié)果匹配到,則返回 1.

PS：這里再為大家提供幾款相關(guān)工具供大家參考使用：

在線去除重復(fù)項工具：
http://tools.jb51.net/code/quchong

在線文本去重復(fù)工具：
http://tools.jb51.net/aideddesign/txt_quchong

更多關(guān)于JavaScript相關(guān)內(nèi)容還可查看本站專題：《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript字符與字符串操作技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)學(xué)運算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

相關(guān)文章

  • javascript textarea光標(biāo)定位方法(兼容IE和FF)

    javascript textarea光標(biāo)定位方法(兼容IE和FF)

    主要是實現(xiàn)textarea中光標(biāo)的定位方法，考慮到多瀏覽器的兼容性，需要的朋友可以參考下。
    2011-03-03
  • JavaScript實現(xiàn)淘寶京東6位數(shù)字支付密碼效果

    JavaScript實現(xiàn)淘寶京東6位數(shù)字支付密碼效果

    這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)淘寶京東6位數(shù)字支付密碼效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2018-08-08
  • 關(guān)于微信小程序map組件z-index的層級問題分析

    關(guān)于微信小程序map組件z-index的層級問題分析

    這篇文章主要給大家介紹了關(guān)于微信小程序map組件z-index的層級問題的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用微信小程序具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-07-07
  • 微信小程序?qū)崿F(xiàn)時間進(jìn)度條功能

    微信小程序?qū)崿F(xiàn)時間進(jìn)度條功能

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)時間進(jìn)度條功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2019-11-11
  • uniapp中實現(xiàn)App自動檢測版本升級的示例代碼

    uniapp中實現(xiàn)App自動檢測版本升級的示例代碼

    本文主要介紹了uniapp中實現(xiàn)App自動檢測版本升級的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2023-01-01
  • JS實現(xiàn)拖動示例代碼

    JS實現(xiàn)拖動示例代碼

    JS實現(xiàn)拖動的方法有很多，在本文將為大家介紹下使用getBoundingClientRect()方法是如何實現(xiàn)的，感興趣的朋友不要錯過
    2013-11-11
  • Json對象和字符串互相轉(zhuǎn)換json數(shù)據(jù)拼接和JSON使用方式詳細(xì)介紹(小結(jié))

    Json對象和字符串互相轉(zhuǎn)換json數(shù)據(jù)拼接和JSON使用方式詳細(xì)介紹(小結(jié))

    JSON(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式.這篇文章主要介紹了Json對象和字符串互相轉(zhuǎn)換json數(shù)據(jù)拼接和JSON使用方式詳細(xì)介紹(小結(jié))的相關(guān)資料,需要的朋友可以參考下
    2016-10-10
  • BootStrap 表單控件之單選按鈕水平排列

    BootStrap 表單控件之單選按鈕水平排列

    這篇文章主要介紹了BootStrap 表單控件之單選按鈕水平排列的實現(xiàn)代碼，需要的朋友可以參考下
    2017-05-05
  • ES6學(xué)習(xí)教程之對象的擴(kuò)展詳解

    ES6學(xué)習(xí)教程之對象的擴(kuò)展詳解

    這篇文章主要給大家介紹了ES6中對象擴(kuò)展的相關(guān)資料，文中介紹的非常詳細(xì)，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起看看吧。
    2017-05-05
  • 淺談JavaScript的閉包函數(shù)

    淺談JavaScript的閉包函數(shù)

    閉包是有權(quán)訪問另一個函數(shù)作用域中的變量的函數(shù)。首先要明白的就是，閉包是函數(shù)。由于要求它可以訪問另一個函數(shù)的作用于中的變量，所以我們往往是在一個函數(shù)的內(nèi)部創(chuàng)建另一個函數(shù)，而“另一個函數(shù)”就是閉包。本文對其進(jìn)行系統(tǒng)分析，需要的朋友可以看下
    2016-12-12

最新評論