JS数组去重方式以及使用

在JavaScript中,有多种方法可以对数组进行去重操作。以下是几种常用的方法:

  1. 使用Set数据结构:Set是ES6中新增的数据结构,它类似于数组,但是成员的值都是唯一的,没有重复的值。可以利用Set的特性,将数组转换为Set对象,然后再转换回数组即可去重。示例代码如下:
let arr = [1, 2, 3, 3, 4, 4, 5];
let uniqueArr = Array.from(new Set(arr));
console.log(uniqueArr); // 输出 [1, 2, 3, 4, 5]
  1. 使用indexOf方法:可以遍历原数组,利用indexOf方法判断元素是否在新数组中存在,若不存在,则将其添加到新数组中。示例代码如下:
let arr = [1, 2, 3, 3, 4, 4, 5];
let uniqueArr = [];
for (let i = 0; i < arr.length; i++) {
  if (uniqueArr.indexOf(arr[i]) === -1) {
    uniqueArr.push(arr[i]);
  }
}
console.log(uniqueArr); // 输出 [1, 2, 3, 4, 5]
  1. 使用filter方法:可以遍历原数组,利用filter方法过滤数组中第一次出现的元素。示例代码如下:
let arr = [1, 2, 3, 3, 4, 4, 5];
let uniqueArr = arr.filter((item, index) => {
  return arr.indexOf(item) === index;
});
console.log(uniqueArr); // 输出 [1, 2, 3, 4, 5]
  1. 使用reduce方法:可以遍历原数组,利用reduce方法将数组中第一次出现的元素添加到新数组中。示例代码如下:
let arr = [1, 2, 3, 3, 4, 4, 5];
let uniqueArr = arr.reduce((prev, cur) => {
  if (prev.indexOf(cur) === -1) {
    prev.push(cur);
  }
  return prev;
}, []);
console.log(uniqueArr); // 输出 [1, 2, 3, 4, 5]

以上是几种常用的数组去重方法,根据实际情况可选择合适的方法进行使用。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值