map
map对象是一个简单的键/值映射。任何值(包括对象和原始值)都可以用作一个键或一个值。
var m = new Map(); var o = {p: "Hello World"}; m.set(o, "content") m.get(o) // "content"
上面代码使用set方法,将对象o当作m的一个键。
Map也可以接受一个数组作为参数。该数组的成员是一个个表示键值对的数组。
var map = new Map([["name", "张三"], ["title", "Author"]]); map.size // 2 map.get("name") // "张三" map.get("title") // "Author"
上面代码在新建Map实例时,就指定了两个键name和title。
注意Map的键实际上是跟内存地址绑定的,只要内存地址不一样,就视为两个键。
- 如果使用对象作为键名,就不用担心自己的属性与原作者的属性同名。
- 如果Map的键是一个简单类型的值(数字、字符串、布尔值),则只要两个值严格相等,Map将其视为一个键,包括0和-0。
- 另外,虽然NaN不严格相等于自身,但Map将其视为同一个键。
var map = new Map([["name", "张三"], ["title", "Author"]]); console.log(map.size); // 2 console.log(map.get("name")); // "张三" console.log(map.get("title")); // "Author" map.set("keyString",'a string'); console.log(map.get("keyString")); 运行结果: > > 2 > 张三 > Author > a string
实例的属性和操作方法
size属性返回Map结构的成员总数。即返回映射对象中的键/值对的数目。
set(key, value)方法设置key所对应的键值,然后返回整个Map结构。如果key已经有值,则键值会被更新,否则就新生成该键。
var m = new Map(); m.set("edition", 6) // 键是字符串 m.set(262, "standard") // 键是数值 m.set(undefined, "nah") // 键是undefined
set方法返回的是Map本身,因此可以采用链式写法。
get(key)方法读取key对应的键值,如果找不到key,返回undefined。
has(key)方法返回一个布尔值,表示某个键是否在Map数据结构中。
delete(key)方法删除某个键,返回true。如果删除失败,返回false。
clear()方法清除所有成员,没有返回值。
map遍历方法
Map原生提供三个遍历器生成函数和一个遍历方法。
- keys():返回键名的遍历器。
- values():返回键值的遍历器。
- entries():返回所有成员的遍历器。
- forEach():遍历Map的所有成员。
var myMap = new Map(); myMap.set(0, "zero"); myMap.set(1, "one"); for (var key of myMap.keys()) { console.log(key); } // Will show 2 logs; first with "0" and second with "1" for (var value of myMap.values()) { console.log(value); } // Will show 2 logs; first with "zero" and second with "one" for (var item of myMap.entries()) { console.log(item[0] + " = " + item[1]); } // Will show 2 logs; first with "0 = zero" and second with "1 = one" myMap.forEach(function(value, key) { console.log(key + " = " + value); }, myMap)
运行结果:
>
> 0
> 1
> zero
> one
> 0 = zero
> 1 = one
> 0 = zero
> 1 = one
Set基本用法
ES6提供了新的数据结构Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。
Set本身是一个构造函数,用来生成Set数据结构。
var s = new Set(); [2,3,5,4,5,2,2].map(x => s.add(x)) for (i of s) {console.log(i)} // 2 3 5 4
上面代码通过add方法向Set结构加入成员,结果表明Set结构不会添加重复的值。使用箭头函数形式。
向Set加入值的时候,不会发生类型转换,所以5和"5"是两个不同的值。Set内部判断两个值是否不同,使用的算法类似于精确相等运算符(===),这意味着,两个对象总是不相等的。唯一的例外是NaN等于自身(精确相等运算符认为NaN不等于自身)。
let set = new Set(); set.add({}) set.size // 1 set.add({}) set.size // 2
上面代码表示,由于两个空对象不是精确相等,所以它们被视为两个值。
示例:
请创建一个Set对象,并把1添加进去,我们来判断2是否被添加进去(has()函数),并打印看结果。
var s = new Set(); s.add(1); s.add(2); console.log(s.has(2));
运行结果:
>
> true
Set实例的属性和方法
Set结构的实例有以下属性。
- Set.prototype.constructor:构造函数,默认就是Set函数。
- Set.prototype.size:返回Set实例的成员总数。
Set实例的方法分为两大类:操作方法(用于操作数据)和遍历方法(用于遍历成员)。下面先介绍四个操作方法。
- add(value):添加某个值,返回Set结构本身。
- delete(value):删除某个值,返回一个布尔值,表示删除是否成功。
- has(value):返回一个布尔值,表示该值是否为Set的成员。
- clear():清除所有成员,没有返回值。 上面这些属性和方法的实例如下。
var s = new Set(); s.add(1).add(2).add(2); // 注意2被加入了两次 console.log(s.size); // 2 console.log(s.has(1)); // true console.log(s.has(2)); // true console.log(s.has(3)); // false console.log(s.delete(2)); console.log(s.has(2)); // false
遍历操作
Set结构的实例有四个遍历方法,可以用于遍历成员。
- keys():返回一个键名的遍历器
- values():返回一个键值的遍历器
- entries():返回一个键值对的遍历器
- forEach():使用回调函数遍历每个成员
key方法、value方法、entries方法返回的都是遍历器对象。由于Set结构没有键名,只有键值(或者说键名和键值是同一个值),所以key方法和value方法的行为完全一致。
let set = new Set(['red', 'green', 'blue']); for ( let item of set.keys() ){ console.log(item); } // red green blue for ( let item of set.values() ){ console.log(item); } // red green blue for ( let item of set.entries() ){ console.log(item); } // ["red", "red"] ["green", "green"] ["blue", "blue"]
上面代码中,entries方法返回的遍历器,同时包括键名和键值,所以每次输出一个数组,它的两个成员完全相等。
Set结构的实例的forEach方法,用于对每个成员执行某种操作,没有返回值。
let set = new Set([1, 2, 3]); set.forEach((value, key) => console.log(value * 2) ) // 2 4 6
上面代码说明,forEach方法的参数就是一个处理函数。该函数的参数依次为键值、键名、集合本身(上例省略了该参数)。另外,forEach方法还可以有第二个参数,表示绑定的this对象。