ES6——Set和Array.from

最新推荐文章于 2025-06-06 17:38:32 发布

weixin_33872566

最新推荐文章于 2025-06-06 17:38:32 发布

阅读量235

点赞数

CC 4.0 BY-SA版权

文章标签：数据结构与算法

原文链接：https://juejin.im/post/5bf75f2cf265da61616e5705

本文介绍了一种利用JavaScript中Set数据结构去除数组重复元素的方法，并演示了如何将Set对象转换回数组的过程。Set能自动移除重复项，即使对于null或undefined也同样有效。通过Array.from方法，可以轻松地将Set对象转换为常规数组。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Set

是一种新的数据结构，它可以接受一个数组，或者类数组对象，自动去重其中的重复项目

var arr = [0,0,'0','0',12,12,"12","12",
           undefined,undefined,'undefined','undefined',null,null,'null','null'];
var changeArr = new Set(arr);
console.log(changeArr);复制代码

在控制台输出如下图：

通过上面的代码和控制台的输入我们可以得出如下结论：

1、转换后的数据格式不是我们想要得到的数组

2、这种方法可以去重数组，即使是null或者undefined也可以

3、这种去重相当于===同时比较了值和类型，所以“0”和0会都保留

Array.from

可以把类数组对象，可迭代对象转化为数组

var arr = [0,0,'0','0',12,12,"12","12",
           undefined,undefined,'undefined','undefined',null,null,'null','null'];
var changeArr = new Set(arr);
console.log("转化前",changeArr);
var newArr = Array.from(changeArr);
console.log("Array.from转化后",newArr);复制代码