ES6之新增set数据结构

Posted guanqiweb

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES6之新增set数据结构相关的知识,希望对你有一定的参考价值。

技术分享图片

学习set

set是ES6中的新增的数据结构,是一种构造函数,类似于数组,但是里面的元素都是唯一的,不重复的。

例如:

const set = new Set();
[1,2,3,4,5,2,1,2,1,2].forEach( x => set.add(x) );
for(let i of set) {
    console.log(i); // 1 2 3 4 5
}

set的属性

set的属性包括constructor(set原型)和size(用来记录set的大小)。

用法:Set.prototype.constructor,Set.prototype.size

例如:

let set = new Set([1,2,3,2,2,2,1,2,34,4,45,523]);
console.log(set.constructor); // ? Set() { [native code] }
console.log(set.size); // 7

set的方法

set的操作方法

  • add(val); 添加某个值
  • delete(val); // 删除某个值,返回布尔值,表示结果。
  • has(val); // 判断该值是否存在于Set中。
  • clear(); // 清楚所有的值

例如:

let set = new Set();
//1.add();
set.add(12).add(32);
console.log(set); // Set(2) {12, 32}
// 2.delete(val);
set.delete(32);
console.log(set); // Set(1) {12}
//3.has(val);
console.log(set.has(88)); // false
//4.clear();
set.clear();
console.log(set); // Set(0) {}

set的遍历方法

set的键和值是同一个值。

  • keys() 返回键名的方法
  • values() 返回键值的方法
  • entries() 返回键值对的方法
  • forEach() 用回调函数遍历各个元素的方法

例如:

let set = new Set([2,2,2,1,5,34,45,33,23,32]);

for(let item of set.keys()) {
    console.log(item); // // 2 1 5 34 45 33 23 32
}

for(let item of set.values()) {
    console.log(item); // // 2 1 5 34 45 33 23 32
}

for(let item of set.entries()) {
    console.log(item); // [2, 2] [1, 1] [5, 5] [34, 34] [45, 45] [33, 33] [23, 23] [32, 32]
}

set.forEach((value,key) => console.log(key+ ‘=‘ +value)); // 2=2 1=1 5=5 34=34 45=45 33=33 23=23 32=32

应用

...运算符和Array.from以及mapfilter都可以遍历set结构。

未完待续。

以上是关于ES6之新增set数据结构的主要内容,如果未能解决你的问题,请参考以下文章

ES6知识点整理之----数组扩展----API新增

ES6新增的 Set 和 WeakSet

ES6,新增数据结构Set的用法

Map()--es6新增数据结构

ES6 新增数据结构,太强了,值得学习

Js基础知识7-Es6新增对象Map和set数据结构