new Set( ) | ... 去重的方法
在 ES6 中,引入了一个新的数据结构类型:Set。而 Set 与 Array 的结构是很类似的,且 Set 和 Array 可以相互进行转换。
Set 对象允许你存储任何类型的唯一值(Set 对象存储的值总是唯一的),无论是原始值或者是对象引用。
...
ES6扩展运算符
Set 对象方法
方法 | 描述 |
---|---|
add | 添加某个值,返回Set对象本身。 |
clear | 删除所有的键/值对,没有返回值。 |
delete | 删除某个键,返回true。如果删除失败,返回false。 |
forEach | 对每个元素执行指定操作。 |
has | 返回一个布尔值,表示某个键是否在当前 Set 对象之中。 |
Set 对象作用
ES6 的去重:
// 操作数组
var arr = [1, 2, 3, 3, 1, 4];
Array.from(new Set(arr)); // [1, 2, 3, 4]
[...new Set(arr)]; // [1, 2, 3, 4]
// 操作字符串
new Set('ice doughnut'); // Set(11) {"i", "c", "e", " ", "d", …}
[...new Set('ababbc')].join(''); // "abc" 字符串去重
并集
并集:以属于A或属于B的元素为元素的集合成为A与B的并(集)
var a = new Set([1, 2, 3]);
var b = new Set([4, 3, 2]);
var union = new Set([...a, ...b]); // {1, 2, 3, 4}
交集
交集: 以属于A且属于B的元素为元素的集合成为A与B的交(集)
var a = new Set([1, 2, 3]);
var b = new Set([4, 3, 2]);
var intersect = new Set([...a].filter(x => b.has(x))); // {2, 3}
差集
差集:以属于A而不属于B的元素为元素的集合成为A与B的差(集)
var a = new Set([1, 2, 3]);
var b = new Set([4, 3, 2]);
var difference = new Set([...a].filter(x => !b.has(x))); // {1}
去重 对象数组
const ary = [{id: 1, text: "1"}, {id: 1, text: "1"}, {id: 2, text: "2"}, {id: 3, text: "3"}];
const myseta = (ary) => {
const map = new Map();
return ary.filter((ary) => !map.has(ary.id) && map.set(ary.id, 1))
};
console.log(myseta(ary)); // [{id: 1, text: '1'}, {id: 2, text: '2'}, {id: 3, text: '3'}]