快捷導(dǎo)航

JavaScript使用indexOf()實(shí)現(xiàn)數(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)建一個新的空數(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代碼運(yùn)行工具http://tools.jb51.net/code/HtmlJsRun測試運(yùn)行結(jié)果如下：