Set 和 Map 数据结构

Set

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

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

const s = new Set();
// console.log(s);

[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函数可以接受一个数组(或者具有 iterable 接口的其他数据结构)作为参数,用来初始化。

// 例子1
var arr = [0, 0, 1, 1, 2, 3, 3, 3]
const set = new Set(arr);
console.log([...set]); // [0,1,2,3]
上面代码也展示了一种去除数组重复成员的方法。
// 去除数组的重复成员
var array = [1, 2, 3, 4, 5, 5, 5, 5];
console.log([...new Set(array)]); // 12345

上面的方法也可以用于,去除字符串里面的重复字符。

// 去除数组的重复成员
var str = ‘ababbc‘;
console.log([...new Set(str)].join(‘‘));
// "abc"

Set 实例的属性和方法

Set 结构的实例有以下属性
Set.prototype.constructor:构造函数,默认就是Set函数。
Set.prototype.size:返回Set实例的成员总数。

Set 实例的方法分为两大类:操作方法(用于操作数据)和遍历方法(用于遍历成员)。下面先介绍四个操作方法。

Set.prototype.add(value):添加某个值,返回 Set 结构本身。
Set.prototype.delete(value):删除某个值,返回一个布尔值,表示删除是否成功。
Set.prototype.has(value):返回一个布尔值,表示该值是否为Set的成员。
Set.prototype.clear():清除所有成员,没有返回值。

上面这些属性和方法的实例如下。

let s = new Set();
s.add(1).add(2).add(2);
// 注意2被加入了两次

s.size // 2

s.has(1) // true
s.has(2) // true
s.has(3) // false

s.delete(2);
s.has(2) // false

下面是一个对比,看看在判断是否包括一个键上面,Object结构和Set结构的写法不同。

// 对象的写法
const properties = {
  ‘width‘: 1,
  ‘height‘: 1
};

if (properties[someName]) {
  // do something
}

// Set的写法
const properties = new Set();

properties.add(‘width‘);
properties.add(‘height‘);

if (properties.has(someName)) {
  // do something
}

Array.from方法可以将 Set 结构转为数组。

const items = new Set([1, 2, 3, 4, 5]);
console.log(items); // Set(5) { 1, 2, 3, 4, 5 }
const array = Array.from(items);
console.log(array); // [ 1, 2, 3, 4, 5 ]

这就提供了去除数组重复成员的另一种方法。

function dedupe(array) {
    return Array.from(new Set(array));
}

dedupe([1, 1, 2, 2, 2, 3, 3, 5, 5, 5, 5]); // [1, 2, 3, 5]

遍历操作

 

 

 
 
 
 

Set 和 Map 数据结构

上一篇:Django 静态文件配置


下一篇:Deploy a trained model