快捷導(dǎo)航

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

更新時(shí)間：2018年09月04日 11:10:25 作者：webarn

這篇文章主要介紹了JavaScript使用indexOf()實(shí)現(xiàn)數(shù)組去重的方法,結(jié)合實(shí)例形式分析了使用indexOf()方法進(jìn)行數(shù)組的判斷與去重相關(guān)原理與具體操作技巧,需要的朋友可以參考下

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

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

思路:

1. 創(chuàng)建一個(gè)新的空數(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)遍歷完成后,組建一個(gè)已經(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代碼運(yùn)行工具http://tools.jb51.net/code/HtmlJsRun測(cè)試運(yùn)行結(jié)果如下：

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

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

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

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

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

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

您可能感興趣的文章:

相關(guān)文章

javascript textarea光標(biāo)定位方法(兼容IE和FF)
主要是實(shí)現(xiàn)textarea中光標(biāo)的定位方法，考慮到多瀏覽器的兼容性，需要的朋友可以參考下。
2011-03-03
JavaScript實(shí)現(xiàn)淘寶京東6位數(shù)字支付密碼效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)淘寶京東6位數(shù)字支付密碼效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-08-08
關(guān)于微信小程序map組件z-index的層級(jí)問題分析
這篇文章主要給大家介紹了關(guān)于微信小程序map組件z-index的層級(jí)問題的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用微信小程序具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
2019-07-07
微信小程序?qū)崿F(xiàn)時(shí)間進(jìn)度條功能
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)時(shí)間進(jìn)度條功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-11-11
uniapp中實(shí)現(xiàn)App自動(dòng)檢測(cè)版本升級(jí)的示例代碼
本文主要介紹了uniapp中實(shí)現(xiàn)App自動(dòng)檢測(cè)版本升級(jí)的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-01-01
JS實(shí)現(xiàn)拖動(dòng)示例代碼
JS實(shí)現(xiàn)拖動(dòng)的方法有很多，在本文將為大家介紹下使用getBoundingClientRect()方法是如何實(shí)現(xiàn)的，感興趣的朋友不要錯(cuò)過
2013-11-11
Json對(duì)象和字符串互相轉(zhuǎn)換json數(shù)據(jù)拼接和JSON使用方式詳細(xì)介紹(小結(jié))
JSON(JavaScript Object Notation) 是一種輕量級(jí)的數(shù)據(jù)交換格式.這篇文章主要介紹了Json對(duì)象和字符串互相轉(zhuǎn)換json數(shù)據(jù)拼接和JSON使用方式詳細(xì)介紹(小結(jié))的相關(guān)資料,需要的朋友可以參考下
2016-10-10
BootStrap 表單控件之單選按鈕水平排列
這篇文章主要介紹了BootStrap 表單控件之單選按鈕水平排列的實(shí)現(xiàn)代碼，需要的朋友可以參考下
2017-05-05
ES6學(xué)習(xí)教程之對(duì)象的擴(kuò)展詳解
這篇文章主要給大家介紹了ES6中對(duì)象擴(kuò)展的相關(guān)資料，文中介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。
2017-05-05
淺談JavaScript的閉包函數(shù)
閉包是有權(quán)訪問另一個(gè)函數(shù)作用域中的變量的函數(shù)。首先要明白的就是，閉包是函數(shù)。由于要求它可以訪問另一個(gè)函數(shù)的作用于中的變量，所以我們往往是在一個(gè)函數(shù)的內(nèi)部創(chuàng)建另一個(gè)函數(shù)，而“另一個(gè)函數(shù)”就是閉包。本文對(duì)其進(jìn)行系統(tǒng)分析，需要的朋友可以看下
2016-12-12