js去除列表中重复对象的实现方法

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

JS中可以通过以下几种方法来去除列表中重复对象:

1. 使用Set()

Set()是ES6中的新数据结构,它可以去除重复的值,可以将数组转换为Set,再转换回数组,这样就可以去除重复的值。

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

2. 使用filter()

filter()方法可以用来过滤数组中的重复值,它会遍历数组中的每一项,并返回一个新的数组,其中包含不重复的值。

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

3. 使用indexOf()

indexOf()方法可以用来查找某个元素在数组中的位置,可以使用它来判断某个元素是否在数组中,如果存在,则返回其位置,如果不存在,则返回-1。

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

4. 使用Map()

Map()也是ES6中的新数据结构,它可以用来去除重复的值,它会遍历数组中的每一项,将其作为键值对存储到Map中,这样就可以去除重复的值。

let arr = [1, 2, 3, 4, 1, 2];
let map = new Map();
arr.forEach(function(item) {
    map.set(item, item);
});
let newArr = [...map.values()];
console.log(newArr); // [1, 2, 3, 4]

以上就是JS中去除列表中重复对象的几种实现方法,使用这些方法可以帮助我们轻松地去除列表中重复的值。

标签:

版权声明

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