全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  技术干货

javascript数组去重的方法介绍

发布时间:2023-06-30 16:37:00
发布人:lcy

  在 JavaScript 中,有几种常见的方法可以对数组进行去重操作。下面介绍其中几种常用的方法:

javascript数组去重的方法

  1. 使用 Set

  Set 是 ES6 引入的一种数据结构,它可以存储唯一的值,利用这个特性可以轻松实现数组去重。通过将数组转换为 Set,然后再将 Set 转换回数组,就可以去除重复的元素。

const arr = [1, 2, 3, 3, 4, 4, 5];

  const uniqueArr = Array.from(new Set(arr));

  console.log(uniqueArr); // [1, 2, 3, 4, 5]

    或者使用扩展运算符(Spread Operator)进行转换: 

const arr = [1, 2, 3, 3, 4, 4, 5];

  const uniqueArr = [...new Set(arr)];

  console.log(uniqueArr); // [1, 2, 3, 4, 5]

 

    2. 使用 indexOf 或 includes

  这种方法通过遍历数组,利用 indexOf 或 includes 方法来判断元素是否已经存在于新数组中,如果不存在则添加到新数组中。

 const arr = [1, 2, 3, 3, 4, 4, 5];

  const 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]

   3. 使用 filter

  使用 filter 方法结合 indexOf 或 includes 方法来过滤出不重复的元素,形成新数组。 

 const arr = [1, 2, 3, 3, 4, 4, 5];

  const uniqueArr = arr.filter((item, index) => {

  return arr.indexOf(item) === index;

  });

  console.log(uniqueArr); // [1, 2, 3, 4, 5]

   4. 使用 reduce

  使用 reduce 方法,遍历数组,将不重复的元素添加到新数组中。

 

const arr = [1, 2, 3, 3, 4, 4, 5];

  const uniqueArr = arr.reduce((prev, curr) => {

  if (!prev.includes(curr)) {

  prev.push(curr);

  }

  return prev;

  }, []);

  console.log(uniqueArr); // [1, 2, 3, 4, 5]

  这些方法都可以实现数组去重的功能,选择使用哪种方法取决于个人偏好和具体的需求。

#  

相关文章

直播0人观看怎么回事

2023-09-19

短视频同时发抖音和快手好吗

2023-09-19

新人如何在短视频平台赚钱的方法有哪些

2023-09-19

做短视频准备工作有哪些

2023-09-19

三点教你完全了解自己账号的粉丝画像

2023-09-19

做短视频是全职好还是兼职

2023-09-19
在线咨询 免费试学 教程领取