ES6中去重数组的几种方法

分类:知识百科 日期: 点击:0

有:

1、使用Set函数:Set函数可以去除数组中重复的元素,它会自动过滤掉重复的值,使用方法如下:

let arr = [1, 2, 3, 4, 5, 2, 3];
let newArr = Array.from(new Set(arr));
console.log(newArr); // [1, 2, 3, 4, 5]

2、使用filter函数:filter函数可以过滤掉数组中重复的元素,它会把重复的值过滤掉,使用方法如下:

let arr = [1, 2, 3, 4, 5, 2, 3];
let newArr = arr.filter((item, index, arr) => {
  return arr.indexOf(item) === index;
});
console.log(newArr); // [1, 2, 3, 4, 5]

3、使用includes函数:includes函数可以判断数组中是否存在某个元素,如果存在则返回true,不存在则返回false,使用方法如下:

let arr = [1, 2, 3, 4, 5, 2, 3];
let newArr = [];
arr.forEach(item => {
  if (!newArr.includes(item)) {
    newArr.push(item);
  }
});
console.log(newArr); // [1, 2, 3, 4, 5]

4、使用indexOf函数:indexOf函数可以返回某个元素在数组中的索引,如果存在则返回元素的索引,不存在则返回-1,使用方法如下:

let arr = [1, 2, 3, 4, 5, 2, 3];
let newArr = [];
arr.forEach(item => {
  if (newArr.indexOf(item) === -1) {
    newArr.push(item);
  }
});
console.log(newArr); // [1, 2, 3, 4, 5]

以上就是,使用这些方法可以很容易的去除数组中重复的元素。

标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。