js new set去重之后的数组怎么变成普通数组

时间: 2023-05-23 15:03:08 浏览: 264

关于JavaScript数组去重的一些理解汇总

在JavaScript中，数组去重是一个常见的需求，尤其在处理数据集合时。本文将深入探讨几种在ES6中实现JavaScript数组去重的方法，以及一些其他传统方式。 ES6引入了新的数据结构`Set`，它非常适合用于数组去重。`Set`对象只存储唯一值，不允许有重复元素。例如： ```javascript const list1 = [1, 2, 3, 7, 11, 56, 3, 2, 4, 5]; const list2 = new Set(list1); console.log(list2); ``` `Set`返回一个可迭代对象，如果需要将其转换为数组，可以使用`Array.from()`方法： ```javascript const list3 = Array.from(new Set([null, null, undefined, 12, undefined, 7, 2, 1, 22, 2, function a(){}, function a(){}, {}, {}])); ``` `Array.from()`不仅可以从类数组对象转换，还可以接受一个映射函数`mapFn`，用于对转换后的数组元素进行处理： ```javascript const list4 = Array.from('name', arg => arg + 12); console.log(list4); // [ 'n12', 'a12', 'm12', 'e12' ] ``` 另一种使用`Set`去重的方式是利用扩展运算符`...`： ```javascript const list20 = [5, 3, 5, 5, 6, 37, 22, 22]; console.log([...new Set(list20)]); ``` 这种方法与直接使用`Array.from(new Set(array))`的效果相似。接下来是传统的循环去重方法，通常使用两层`for`循环来比较并删除重复元素： ```javascript const list5 = [null, null, undefined, undefined, {}, {}, function q() {}, function q() {}, 34, 2, 1, 2]; for (let i = 0; i < list5.length; i++) { for (let j = i + 1; j < list5.length; j++) { if (list5[i] === list5[j]) { list5.splice(j, 1); j--; } } } ``` 这种方法虽然简单，但无法处理函数和对象的去重，因为它们基于引用比较，即使内容相同，只要引用不同，就被认为是不同的元素。另外一种常见的去重方法是使用`indexOf`，但这种方法同样不能处理非基本类型（如函数和对象）的去重： ```javascript const list6 = [null, null, undefined, undefined, NaN, NaN, false, 'false', function a(){}, function a() {}, {}, {}]; const list7 = []; for (let k = 0; k < list6.length; k++) { if (list7.indexOf(list6[k]) === -1) { list7.push(list6[k]); } } console.log(list7); // [null, undefined,NaN, NaN,false,'false',[Function: a], [Function: a],{},{}] ``` 在处理包含`NaN`的数组时，需要注意`NaN !== NaN`的特性，因此`indexOf`方法在这种情况下可能会出现问题。此外，对于`Array`构造函数和`String`构造函数的原型上的`indexOf`方法，它们都是基于严格相等性检查`===`进行查找，因此不能处理函数和对象的去重。总结来说，JavaScript数组去重有多种方法，包括使用`Set`、`Array.from`、双重循环以及`indexOf`。选择哪种方法取决于具体的需求，如是否考虑兼容性、是否需要处理复杂类型的去重等。在实际开发中，通常推荐使用ES6的`Set`结合`Array.from`，因为它既简洁又高效，同时适用于大部分场景。

可以通过 Array.from 方法将 Set 转化为普通数组，例如： ``` const set = new Set([1, 2, 3, 3, 4]); const arr = Array.from(set); console.log(arr); // [1, 2, 3, 4] ```

阅读全文

js new set去重之后的数组怎么变成普通数组

相关推荐

JavaScript数组去重方法总结

JS利用二叉树优化数值数组去重解析

JS实现数组去重及数组内对象去重功能示例

JS实现数组简单去重及数组根据对象中的元素去重操作示例

vue数组去重合并数组

jsnew set去重原理

js new set数组对象去重

js new set数组对象去重对象

js set数组去重

js数组去重返回新数组

js数组对象set去重

Javascript 去重数组

php数组去重和js数组去重最简方法

js的Set数组去重

js数组去重 new set方法

js数组去重的方法new set

js数组对象去重,如果数组对象值重复存在时，需改变该数组对象值

js在接口返回的数据里用new Set去重后还是重复数据

js对象数组去重set方法

最新推荐

精细金属掩模板(FMM)行业研究报告 显示技术核心部件FMM材料产业分析与市场应用

【创新未发表】斑马算法ZOA-Kmean-Transformer-LSTM负荷预测Matlab源码 9515期.zip

Angular实现MarcHayek简历展示应用教程

管理建模和仿真的文件

深入剖析：内存溢出背后的原因、预防及应急策略（专家版）

Java中如何对年月日时分秒的日期字符串作如下处理：如何日期分钟介于两个相连的半点之间，就将分钟数调整为前半点

Crossbow Spot最新更新 - 获取Chrome扩展新闻

"互动学习：行动中的多样性与论文攻读经历"

【Java内存管理终极指南】：一次性解决内存溢出、泄漏和性能瓶颈

c 语言return用法

精细金属掩模板(FMM)行业研究报告显示技术核心部件FMM材料产业分析与市场应用