Set 数据结构

基本用法

ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。

Set本身是一个构造函数，用来生成 Set 数据结构。

xxxxxxxxxx
const s = new Set();

[2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x));

for (let i of s) {
  console.log(i);
}
// 2 3 5 4

通过add()方法向 Set 结构加入成员，结果表明 Set 结构不会添加重复的值。

Set函数可以接受一个数组作为参数

xxxxxxxxxx
const set = new Set([1, 2, 3, 4, 4]);
[...set]
// [1, 2, 3, 4]

数组去除重复成员的方法

xxxxxxxxxx
// 去除数组的重复成员
[...new Set(array)]

字符串去除重复字符

xxxxxxxxxx
[...new Set('ababbc')].join('')
// "abc"

向 Set 加入值的时候，不会发生类型转换，所以5和"5"是两个不同的值。

xxxxxxxxxx
var mySet = new Set();
mySet.add("5")
mySet.add(5)
console.log(mySet); // Set(2) {'5', 5}

size属性

返回Set实例的成员总数

xxxxxxxxxx
const items = new Set([1, 2, 3, 4, 5, 5, 5, 5]);
items.size // 5

实时效果反馈

1. 下列代码输出结果是多少：

xxxxxxxxxx
var mySet = new Set();
mySet.add("5")
mySet.add(5)
mySet.add(5)
console.log(mySet); 

A "5" 5 5

B "5" 5

C "5"

D null

答案

1=>B