javaScripe如何进行数组去重。

简介: javaScripe如何进行数组去重。

1.使用Set数据结构

       Set是一种新的数据结构,它可以去除重复的值。我们可以将数组转化为Set,然后再将Set转化回数组即可。

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

2.使用indexOf方法和filter方法

       我们可以使用indexOf方法遍历数组,如果在当前索引之前找不到该元素,则说明该元素是唯一的,然后使用filter方法来返回唯一的元素数组。

let arr = [1, 2, 3, 4, 3, 2, 1];
let uniqueArr = arr.filter((item, index) => arr.indexOf(item) === index);
console.log(uniqueArr); // [1, 2, 3, 4]

3.使用includes方法和filter方法

       与indexOf方法类似,我们也可以使用includes方法遍历数组,如果在当前索引之前找不到该元素,则说明该元素是唯一的,然后使用filter方法来返回唯一的元素数组。

let arr = [1, 2, 3, 4, 3, 2, 1];
let uniqueArr = arr.filter((item, index) => arr.includes(item, index + 1) === false);
console.log(uniqueArr); // [1, 2, 3, 4]
相关文章
|
6月前
|
存储 前端开发 索引
【面试题】数组去重的五种方法(必会)
【面试题】数组去重的五种方法(必会)
173 1
|
2月前
|
JavaScript 前端开发
数组嵌套数组去重
在JavaScript中对嵌套数组进行去重的方法,提供了一个具体的函数实现。
16 1
数组嵌套数组去重
|
6月前
|
存储 前端开发 索引
【面试题】数组去重的五种方法
【面试题】数组去重的五种方法
|
4月前
|
JavaScript 前端开发 C++
JavaScript 数组去重——普通数组去重 vs 对象数组去重
JavaScript 数组去重——普通数组去重 vs 对象数组去重
33 0
|
4月前
|
JavaScript
JS 数组去重(含简单数组去重【5种方法】、对象数组去重【2种方法】)
JS 数组去重(含简单数组去重【5种方法】、对象数组去重【2种方法】)
46 0
|
5月前
|
JavaScript 索引
这么多数组方法,你掌握了么?
这么多数组方法,你掌握了么?
|
5月前
|
存储 算法 索引
数组去重面试
在面试中,数组去重是一个常见的问题,主要考察应聘者对数据结构和算法的理解与应用能力。以下提供两种数组去重的方法,并给出相应的解释和分析。 方法一:使用Set数据结构 Set是一种特殊的数据
|
存储 索引
事件委托,数组去重
事件委托,数组去重
208 0
数组去重-数组对象去重
数组去重-数组对象去重
52 0
数组方法大全
数组的方法 1. join (原数组不受影响) 该方法可以将数组里的元素,通过指定的分隔符,以字符串的形式连接起来。 返回值:返回一个新的字符串