js中数组去重

简介: js中数组去重

在 JavaScript 中,有几种方法可以对数组进行去重操作


1.使用 Set 数据结构:Set 是 ES6 新增的数据结构,它可以去除数组中的重复元素。通过将数组转换为 Set,然后再将 Set 转换回数组,即可实现去重。

const array = [1, 2, 2, 3, 4, 4, 5];
const uniqueArray = [...new Set(array)];
console.log(uniqueArray); // [1, 2, 3, 4, 5]


2.使用 Array.filter() 方法:通过 Array.filter() 方法结合 indexOf() 或 includes() 方法,筛选出不重复的元素组成新的数组。

const array = [1, 2, 2, 3, 4, 4, 5];
const uniqueArray = array.filter((value, index) => array.indexOf(value) === index);
console.log(uniqueArray); // [1, 2, 3, 4, 5]


3.使用 Array.reduce() 方法:通过 Array.reduce() 方法将数组元素逐个添加到一个新数组中,仅当新数组中不存在该元素时才添加。

const array = [1, 2, 2, 3, 4, 4, 5];
const uniqueArray = array.reduce((accumulator, currentValue) => {
  if (!accumulator.includes(currentValue)) {
    accumulator.push(currentValue);
  }
  return accumulator;
}, []);
console.log(uniqueArray); // [1, 2, 3, 4, 5]


这些方法都可以用来实现数组去重,具体使用哪种方法取决于个人偏好和具体情况。

相关文章
|
7月前
|
JavaScript 前端开发
js实现对象数组去重
js实现对象数组去重
49 0
|
7月前
|
JavaScript 小程序
js数组去重的10种有效方法 vue 数组去重
js数组去重的10种有效方法 vue 数组去重
103 1
|
7月前
|
存储 JavaScript 前端开发
史上最详细JavaScript数组去重方法(11种)
使用set和Array.from ()方法 array.from可以将set结构转成数组
71 7
|
2月前
|
存储 JavaScript 前端开发
JavaScript数组去重的八种方法详解及性能对比
在JavaScript开发中,数组去重是一个常见的操作。本文详细介绍了八种实现数组去重的方法,从基础的双重循环和 indexOf() 方法,到较为高级的 Set 和 Map 实现。同时,分析了每种方法的原理和适用场景,并指出了使用 Set 和 Map 是目前最优的解决方案。通过本文,读者可以深入理解每种方法的优缺点,并选择最合适的数组去重方式。
130 0
|
6月前
|
存储 JavaScript 前端开发
JS中数组去重的几种方法
JS中数组去重的几种方法
38 1
|
5月前
|
JavaScript
JS 数组去重(含简单数组去重【5种方法】、对象数组去重【2种方法】)
JS 数组去重(含简单数组去重【5种方法】、对象数组去重【2种方法】)
78 0
|
5月前
|
JavaScript 前端开发 C++
JavaScript 数组去重——普通数组去重 vs 对象数组去重
JavaScript 数组去重——普通数组去重 vs 对象数组去重
39 0
|
7月前
|
JavaScript
分享经典面试题:JS数组去重的多种方法
分享经典面试题:JS数组去重的多种方法
|
7月前
|
JavaScript
js多维数组去重并使具有相同属性的对象数量相加
js多维数组去重并使具有相同属性的对象数量相加
41 1
|
7月前
|
JavaScript
js数组去重
js数组去重
48 1