美文网首页
数组去重

数组去重

作者: _皓月__ | 来源:发表于2020-09-30 10:18 被阅读0次

ES6 提供了新的数据结构 Set
它类似于数组,但是成员的值都是唯一的,没有重复的值,可用来实现数组去重
(set本身是一个构造函数,用来生成 Set 数据结构)
使用Set实现数组去重要简单很多。
第一种数组去重方法(使用Array.from):

let arr = [1,2,2,2,3,5];
let item = new Set(arr);
console.log(item); // 结果输出的是一个对象//使用Array.from转成数组
let arr = [1,2,2,2,3,5];
let item = Array.from(new Set(arr));
console.log(item); // [1,2,3,5]

第二种数组去重方法(使用...扩展运算符):

let arr =  [1,2,2,2,3,5];
let item = [...new Set(arr)];
console.log(item);// [1,2,3,5]

第三种数组去重方法(使用filter):

/*
模拟: 原始数组:[1,2,8,9,5,8,4,0,4]
        索引值:0,1,2,3,4,5,6,7,8
        伪新数组:[1,2,8,9,5,8,4,0,4]
使用indexOf方法找到数组中的元素在元素在中第一次出现的索引值
        索引值:0,1,2,3,4,2,6,7,6
    返回前后索引值相同的元素:
        新数组:[1,2,8,9,5,4,0]
*/
function unique( arr ){
    // 如果新数组的当前元素的索引值 == 该元素在原始数组中的第一个索引,则返回当前元素
    return arr.filter(function(item,index){
        return arr.indexOf(item,0) === index;
    });
}

精简下方法:

let arr = [1, 2, 2, 2, 3, 5];
let item = arr.filter((val, index) => arr.indexOf(val) === index);
console.log(item); // [1,2,3,5]

相关文章

  • 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不仅仅可以数据累加,还可以实现去重效果。 重复次数计算 数组去重 数组对象去重,转为数组 对象去重

  • 数组去重

    传统方法 ES6 扩展 传统方法 最后再写到 Array.prototype 原型中

  • 数组去重

    老题了。。虽然网上一搜一大堆,还是自己想了想,自己动笔写了几种。

网友评论

      本文标题:数组去重

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