ECMAScript6 数组去重

作者: Nian糕 | 来源:发表于2018-01-02 20:54 被阅读365次
Unsplash

数组去重这个问题无论是在面试当中,还是实际项目中,出现的频率都挺多的,而我们以往的解决方式,就是通过新建一个空的数组,通过 indexOf 方法进行新数组和原数组的子元素比较,来得到一个没有重复子元素的新数组

function unique(Arr){
    var arr = [];
    for(var i = 0; i < Arr.length; i++) {
       if(arr.indexOf(Arr[i])==-1) {
           arr.push(Arr[i]);
       }
    }
    return arr;
 }
运行结果

一共 9 行代码,也不是很多,但在 ES6 中,新增的 Set() 对象和 Array.from() 方法,可以让我们通过两行代码,就能实现数组去重

Set 对象允许你存储任何类型的唯一值,而 Set 中的值总是唯一的,所以会判断两个值是否相等,Set 返回的是对象,我们还需要通过 Array.from() 方法,在一个类数组或可迭代对象中,创建一个新的数组实例

var arr = [1,1,2,3,4,6,7,6];
var Arr = Array.from(new Set(arr));
运行结果
End of File

行文过程中出现错误或不妥之处在所难免,希望大家能够给予指正,以免误导更多人,最后,如果你觉得我的文章写的还不错,希望能够点一下喜欢关注,为了我能早日成为简书优秀作者献上一发助攻吧,谢谢!^ ^

相关文章

  • ECMAScript6 数组去重

    数组去重这个问题无论是在面试当中,还是实际项目中,出现的频率都挺多的,而我们以往的解决方式,就是通过新建一个空的数...

  • ECMAScript6 新思想实现数组去重

    0x01 代码实现 0x02 代码分析 根据ES6的新特性,只用了一行代码就可以实现数组去重: ES6 提供了新的...

  • Array集结号

    实现数组去重的几种方法 数组去重一 数组去重二 利用数组indexof+push实现数组去重 数组去重三 利用对象...

  • 实现数组去重有哪些方式

    简单的数组去重 数组对象去重

  • 数组去重的四种方法

    利用双for循环去重 利用对象数组去重 利用对象数组去重并且记录重复次数 通过创建一个新数组进行数组去重

  • js数组去重、对象数组去重

    普通数组去重 一、普通数组去重 方法一:遍历数组法 方法二:排序法 方法三:对象法 对象数组去重 方法一:将对象数...

  • javascript数组去重,数组对象去重

    利用Reduce去重 function unique(arr) {var obj = {};arr = arr.r...

  • js:数组去重

    数组去重的常见写法: 数组去重封装成方法: es6的数组去重(Array.from):

  • ES6数组去重

    普通数组去重 方法1 方法2 对象数组去重

  • js reduce去重用法

    reduce不仅仅可以数据累加,还可以实现去重效果。 重复次数计算 数组去重 数组对象去重,转为数组 对象去重

网友评论

    本文标题:ECMAScript6 数组去重

    本文链接:https://www.haomeiwen.com/subject/ajiqnxtx.html