分享学习记录
互联网技术知识

JavaScript数组去重方法盘点

在开发 JavaScript 应用程序时,经常遇到需要对数组进行去重的情况。

方法一:使用 Set 数据结构

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

方法一利用 JavaScript 中的 Set 数据结构的特性,通过将数组转换为 Set,再将 Set 转换回数组的方式实现去重。

方法二:使用 filter() 方法

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

方法二使用了 JavaScript 数组的 filter() 方法,通过筛选出数组中第一次出现的元素来实现去重。

方法三:使用 reduce() 方法

const array = [1, 2, 3, 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]

方法三使用了 JavaScript 数组的 reduce() 方法,通过遍历数组并将不重复的元素添加到累加器中来实现去重。

赞(0)
文章名称:《JavaScript数组去重方法盘点》
文章链接:https://www.bailuze.com/7819.html
本站所有文章,如无特殊说明或标注,均为本站原创发布。任何在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
本站专注于百度、搜狗、360、谷歌、bing等常见搜索引擎的优化,关键词排名的提高,诚意咨询邮箱526009505@qq.com
分享到