判断把值定为 false 集合

JavaScript里把 null、undefined、0、''、NaN 都视为false，而其他值一概为 true

Map

Map是一组键值对的结构，具有极快的查找速度。

不管查询的表多大，查找速度不会变慢

var m = new Map(['Ben', 95], ['Mark', 100],['Jack', 99]);

m.get('Ben'); // 95

Map需要先进行初始化,下面的例子是上面的详细版

var m = new Map();

m.set('Bob', 95); // 添加一个新key-value

m.has('Mark'); // 查询是否存在key，返回true

m.get('Jack'); // 获取key，返回99

m.delete('Bob'); // 删除key 'Bob'

当获取时，值不存在，值会返回 undefined

一个key，不能对应多个value，如果设置多个值，最后设置的值会成为value

Set

与Set类型，也是key集合，但不储存value，在Set中没有相同的key

创建Set，需要提供一个Array作为输入，当然也可以为空

var a = new Set([1, 2, 3, 3, '3']);

a; //Set{1,2,3,'3'}

相同的元素会被置换

a.add(4);

a; // Set{1,2,3,'3',4}

a.delete('3');

a; // Set{1,2,3,4}

值得注意的是，Map 和 Set 都必须是支持ES6标准的浏览器

Iterable

这是一个ES6标准引入的新类型，为了统一集合类型

因为在以前标准遍历Array都采用下标循环(索引)，所以对Map和Set就无法使用下标了

引出了一个新循环，for...of 循环来遍历，同样也是需要支持ES6标准

var a = ['A', 'B', 'C'];

var s = new Set(['A', 'B', 'C']);

var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);

for (var x of a) {

console.log(x); // A，B，C

}

for (var x of s) {

console.log(x); // A，B，C

}

for (var x of m) {

console.log(x[0] + '=' + x[1]);

// 1=x，2=y，3=z

}

那么这与for...in有什么区别呢？

for...in 当遇见Array时，获取到的是索引值，因为Array实际上是一个对象，索引被视为属性

var a = ['A', 'B', 'C'];

a.name = 'D';

for (var x in a) {

console.log(x); // '0', '1', '2', 'name'

}

for (var x of a) {

console.log(x); // 'A', 'B', 'C'

}

这就是二者区别所在

forEach

这是比 for 任何操作都要好的函数，ES 5.1 标准引入

var a = ['A', 'B', 'C'];

a.forEach(function (element, index, array) {

// element: 指向当前元素的值

// index: 指向当前索引

// array: 指向Array对象本身

console.log('element = ' + element + ', index = ' + index);

// element = A index = 0

// element = B index = 1

// element = C index = 2

});

var s = new Set(['A', 'B', 'C']);

s.forEach(function (element, sameElement, set) {

    console.log(element);

     // element = A

     // element = B

     // element = C

});

var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);

m.forEach(function (value, key, map) {

    console.log('value = ' + value, 'key = 'key);

     // value = x key = 1

    // value = y key = 2

    // value = z key = 3

});

巴特西

JS里的小细节，持续更新

判断把值定为 false 集合

Map

Set

Iterable

forEach

最新文章

热门文章