JavaScript常见的数组去重的方法

JavaScript常见的数组去重的方法

2020-06-18 22:29:19发布 浏览数:664
概述:JavaScript常见的数组去重的方法

1、使用ES6 Set

var arr = [1, 1, 4, 2, 2, 3, 3, 3, 6, 6, 6];
arr = Array.from(new Set(arr));
console.log(arr);//[1, 4, 2, 3, 6]
123

2、使用forEach和indexOf方法

使用forEach遍历原数组arr,使用indexOf查找元素,如果元素在新数组中不存在,就将当前元素放入新数组newArr。

var arr = [1, 1, 4, 2, 2, 3, 3, 3, 6, 6, 6];
var newArr = [];
arr.forEach((item) => {
  newArr.indexOf(item) === -1 ? newArr.push(item) : "";
});
console.log(newArr);//[1, 4, 2, 3, 6]
123456

3、使用forEach和lastIndexOf方法

使用forEach遍历原数组arr,使用lastIndexOf查找元素,如果元素在新数组中不存在,就将当前元素放入新数组newArr,newArr就是去重后的数组。

var arr = [1, 1, 4, 2, 2, 3, 3, 3, 6, 6, 6];
var newArr = [];
arr.forEach((item) => {
  newArr.lastIndexOf(item) === -1 ? newArr.push(item) : "";
});
console.log(newArr);//[1, 4, 2, 3, 6]
123456

4、使用双重for循环加splice方法

var arr = [1, 1, 4, 2, 2, 3, 3, 3, 6, 6, 6];
for (var i = 0; i < arr.length; i++) {
  for (var j = i + 1; j < arr.length; j++) {
    if (arr[i] == arr[j]) {
      arr.splice(j,1);
      j--;
    }
  }
}
console.log(arr);//[1, 4, 2, 3, 6]
12345678910

5、使用forEach和includes方法

使用forEach遍历原数组arr,然后判断新数组中是否包含当前元素,如果不存在,就将当前元素放入新数组newArr,newArr就是去重后的数组。

var arr = [1, 1, 4, 2, 2, 3, 3, 3, 6, 6, 6];
var newArr = [];
arr.forEach((item) => {
  newArr.includes(item) ? "" : newArr.push(item);
});
console.log(newArr);//[1, 4, 2, 3, 6]
123456

6、使用fliter和includes方法

使用fliter遍历原数组arr,然后判断新数组中是否包含当前元素,如果不存在,就将当前元素放入新数组newArr,newArr就是去重后的数组。

var arr = [1, 1, 4, 2, 2, 3, 3, 3, 6, 6, 6];
var newArr = [];
arr.filter((item) => {
  newArr.includes(item) ? "" : newArr.push(item);
});
console.log(newArr);//[1, 4, 2, 3, 6]
123456


请先
登录
后评论
0 条评论
暂时没有评论
最新文章
更多