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]
相关文章
|
1月前
|
存储 前端开发 索引
【面试题】数组去重的五种方法(必会)
【面试题】数组去重的五种方法(必会)
|
1月前
|
存储 前端开发 索引
【面试题】数组去重的五种方法
【面试题】数组去重的五种方法
|
6天前
|
JavaScript 索引
这么多数组方法,你掌握了么?
这么多数组方法,你掌握了么?
|
9月前
|
存储 索引
事件委托,数组去重
事件委托,数组去重
195 0
|
10月前
数组去重-数组对象去重
数组去重-数组对象去重
34 0
|
11月前
|
索引
数组方法大全
数组的方法 1. join (原数组不受影响) 该方法可以将数组里的元素,通过指定的分隔符,以字符串的形式连接起来。 返回值:返回一个新的字符串
|
10月前
|
前端开发
前端数组方法splice
前端数组方法splice
70 0
|
11月前
|
JSON 算法 数据格式
彻底搞定各种数组去重需求
前言 数组去重是面试时候常考的,我们日常工作中,也经常会遇到, 接下来就归纳总结几种数组去重的方案, 在我们开发和面试的时候可以得心应手, 分类 在实现数组去重之前我们我们简单进行一下分类, 数组去重,我们一般 分为单个数组去重 和多个数组交叉去重, 接下来我们就从单个数组开始
173 0
|
JavaScript