js基础---indexOf()方法对数组去重

最新推荐文章于 2024-05-23 10:54:44 发布

转载最新推荐文章于 2024-05-23 10:54:44 发布 · 683 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://www.jianshu.com/p/14635c245323

文章标签：

#javascript #开发语言 #ecmascript

文章介绍了如何利用JavaScript中的indexOf方法结合forEach循环、排序以及for循环来实现数组元素的去重，给出三种不同的写法示例，最终得到不包含重复元素的新数组。

基本定义
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置（大于0），

如果没有找到返回-1

使用indexOf()对数组进行去重

//写法一
var newArr =  [ ];
 arr.forEach(function(v){ // 使用forEach循环遍历,获取原始数组arr中的所有数值
            // 在新数组中,查找当前获取的原始数组的数值
            // newArr.indexOf(v) 执行结果如果是 -1
            // 证明在新数组中,没有这个原始数组的数据
 newArr.indexOf(v) 
    if(newArr.indexOf(v) === -1){
              // 将这个数据,写入到新数组中
                newArr.push(v)
            }
        })
        console.log( newArr );

// 写法二 
var arr = ['C','A','A','G','G','G','D']
        var newArr = []
        arr = arr.sort(function(a,b){
            return a > b
        }).forEach(function(n){
            if(newArr.indexOf(n) == -1){
                newArr.push(n)
            }
        })
        console.log(newArr);// ["A", "C", "D", "G"]

// 写法三
var arr = ['a','c','b','d','a','b']
        var arr2 = [];
        for(var i = 0;i<arr.length;i++){
            if(arr2.indexOf(arr[i])<0){
                arr2.push(arr[i]);
            }
        }
        arr2.sort();
        console.log(arr2);//["a", "b", "c", "d"]