ES6的Set类型
2021-04-11 23:05
50 查看
本文内容
-
Set的基本使用
- 常用用法
Set 对象允许你存储任何类型的唯一值,无论是原始值或者是对象引用。
基本使用
new Set([iterator])
- iterator
与Map类似,Set接收一个可选的Iterator对象,所有元素将按照顺序不重复地添加到Set中。传递null或者undefined将返回一个空Set
const set = new Set(); // 添加元素 set.add(1); // 移除元素 set.delete(1); // 检测元素是否存在 set.has(1); // 清空Set set.clear();
数据类型的唯一性判定
const set = new Set(undefined); set. add("string").add("string"). add(1).add(1). add(true).add(true). add(null).add(null). add(undefined).add(undefined) .add(NaN).add(NaN) .add({}).add({}) .add([]).add([]) .add(function () { }).add(function () { }); console.log(set);
输出如下:
Set { 'string', 1, true, null, undefined, NaN, {}, {}, [], [], [Function], [Function] }
结论
- string/number/boolean/null/undefined/NaN是使用值判重
NaN!==NaN,但是Set也只会存一份,所以值判定应该不完全是用===做的
- object/array/function等object类型使用引用判重
Set的迭代
for...of
由于Set实现了Symol.iteator方法,所以可以使用for...of迭代
const set = new Set(undefined); set.add("string").add("string"); for (const v of set.entries()) { console.log(v); }
forEach
const set = new Set(undefined); set.add("string").add("string"); set.forEach(function(value) { console.log(value); });
使用场景
Set和数组相互转化
const array = [1,2]; const set = new Set(array); // 数组转化为set const newArray = [...set]; // set转化为数组
去除字符串重复字符
const s = 'aabbcc'; const set = new Set(s); const newString = [...set].join(''); console.log(newString); // abc
数组去重
const list = [1,2,3,1,2,3]; const set = new Set(list); console.log([...set]); // [1,2,3]
并集
const set = new Set([1,2,3]); const set2 = new Set([1,2,3,4]); const set3 = new Set([...set], [...set2]); // [1, 2, 3]
交集
const set = new Set([1,2,3]); const set2 = new Set([1,2,3,4]); const set3 = new Set([...set].filter(item => set2.has(item))); // [1, 2, 3]
差集
const set = new Set([1,2,3]); const set2 = new Set([1,2,3,4]); const set3 = new Set([...set2].filter(item => !set.has(item))); // [4],
注意set2和set的顺序
总结
在需要唯一性的场景中,Set使用起来比数组要方便许多,比如添加标签,这个肯定是不重复的,用Set去实现就可以省去重复判断之类的操作,可以专注业务逻辑。
相关文章推荐
- 从零开始学_JavaScript_系列(44)——ES6新增数据结构:Set类型和WeakSet
- ES6新增数据类型Map、Set。
- ES6新特性:Javascript中Set和WeakSet类型的数据结构
- ES6新的数据类型set
- ES6: Map和Set与iterable类型
- ES6 使用数据类型Set求交集、并集、差集
- ES6新增的数据类型之Set类型
- es6 map数据类型,要比set还很多
- ES6新特性:JavaScript中Set和WeakSet类型的数据结构
- 集合的实现3--ES6的set类型
- Map与Set,ES6新增的数据类型
- ES6 Set数据类型
- (六)redis常用数据类型 SortedSet
- ES6 Set集合操作 在输入框内输入两个整数序列,点击按钮输出序列的交集、差、并集
- ES6新增 Symbol数据类型+Set数据类型+Map数据类型
- ES6 Set 和 Map数据结构入门
- response.setContentType()的String参数及对应类型
- Redis存储数据类型五:SortedSet
- python基本数据类型——set
- redis的hash, list, set类型相关命令