千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > es6数组去重的方法

es6数组去重的方法

来源:千锋教育
发布人:xqq
时间: 2023-12-21 11:15:09 1703128509

ES6数组去重是指在使用ECMAScript 2015(ES6)标准的JavaScript中,从一个数组中移除重复的元素,以便只保留每个元素的一个副本。去重操作可以帮助你简化数据,以便更有效地处理、展示或操作数组中的元素。

数组去重的目标是确保在数组中每个元素只出现一次,以避免重复数据导致不必要的计算或显示问题。在某些情况下,数组中的重复元素可能是数据错误的结果,也可能只是为了简化和优化操作而进行的操作。在ES6(ECMAScript 2015)中,有几种方法可以对数组进行去重,以下是一些常用的方法。

1、使用Set:

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

Set 是 ES6 中引入的一种数据结构,它只存储唯一的值,因此将数组转换为 Set,然后再将其转换回数组,可以实现去重效果。

2、使用Array.from()和Set:

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

这种方法与上面的方法类似,只是使用了 Array.from() 方法来将 Set 转换回数组。

3、使用filter() 方法:

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

在这种方法中,filter() 方法遍历数组,根据元素在数组中的第一个出现位置来判断是否保留,从而实现去重。

4、使用reduce() 方法:

const originalArray = [1, 2, 2, 3, 4, 4, 5];const uniqueArray = originalArray.reduce((accumulator, currentValue) => {    if (!accumulator.includes(currentValue)) {        accumulator.push(currentValue);    }    return accumulator;}, []);console.log(uniqueArray); // [1, 2, 3, 4, 5]

在这种方法中,reduce()方法逐个遍历数组元素,将不重复的元素添加到累积数组中。

这些都是一些常见的ES6去重数组的方法,可以根据你的偏好选择其中之一。

tags: it培训
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT