JavaScript 之 ES6 去除数组重复元素

一、去除简单类型

1、运用ES6的Set数据结构Array.from()将其他类型转换为数组

如   set,map, 对象(对象需要有length和属性名可以转换为下标

如  {0: '1', 1: 'te', 2: 'xi', "length": 3})

 

运用 Array.from() 函数:

JavaScript 之 ES6 去除数组重复元素_第1张图片

 

运用ES6的解构赋值 [...new Set(oldArr)] :

JavaScript 之 ES6 去除数组重复元素_第2张图片

 

二、去除引用类型

 

1、如定义如下数组   

 

 

2、利用 Array.reduce 函数,参数一表示回调函数(参数一表示初始值,参数二表示当前元素),参数二表示初始值

JavaScript 之 ES6 去除数组重复元素_第3张图片

 

三、项目中运用,因为出现二次循环,childer中出现重复值,所以需要去除重复值

JavaScript 之 ES6 去除数组重复元素_第4张图片

 

 

写给自己的随笔,有问题欢迎指出(Θ▽Θ)

 

 

 

 

 

 

你可能感兴趣的:(前端)