欢迎光临
我们一直在努力

ES6 | Map、Set与Object

文章目录

Map 对象

Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。

Maps 和 Objects 的区别

  • 一个 Object 的键只能是字符串或者 Symbols,但一个 Map 的键可以是任意值。
  • Map 中的键值是有序的(FIFO 原则),而添加到对象中的键则不是。
  • Map 的键值对个数可以从 size 属性获取,而 Object 的键值对个数只能手动计算。
  • Object 都有自己的原型,原型链上的键名有可能和你自己在对象上的设置的键名产生冲突。

For...of 循环遍历Map

// for...of 遍历
let myMap = new Map([
    [0, 'your'],
    [1, 'name']
])
myMap.set(2, 'san')
myMap.set(3, 'ren')
myMap.set(4, 'yan')
// 同时遍历 key 和 value
for (let [key, value] of myMap) {
    console.log(key + '=' + value)
}
// 通过 entries()方法返回一个新的Iterator对象,他按照插入顺序包含了Map对象中的每个元素的[key,value]数组
for (let [key, value] of myMap.entries()) {
    console.log(key + '=' + value)
}
// 单独遍历 key、value
// 下面的keys方法和values方法都会返回一个新的Iterator对象,他们分别按照顺序包含了Map对象中的每个元素的键或值
for (let key of myMap.keys()) {
    console.log(key)
}
for (let value of myMap.values()) {
    console.log(value)
}

forEach循环遍历Map

// forEach遍历
// 注意:forEach遍历Map时,value在前,key在后,这和遍历数组时,数组元素在前,index在后是一个道理
myMap.forEach((value,key) => console.log(key + '=' + value))

Map对象基础操作

// Map对象的操作
// Map构造函数可以讲一个二维键值对数组转换成一个 Map对象
let kvArray = [
    [0, 'a'],
    [1, 'b']
]
let myMap = new Map(kvArray)

// 使用key.from 可以将一个Map对象转换成一个二维键值对数组
let newArray = Array.from(myMap)

console.log(myMap, newArray)

// Map对象的克隆
// 可以通过向构造函数传入Map来生成新的对象
let myMap2 = new Map(myMap)

console.log(myMap2)

// Map对象的合并
let aMap = new Map([[1,'a'],[2,'b']])
let bMap = new Map([[2,'c'],[3,'d']]) 

let getMap = new Map([...aMap,...bMap])
console.log(getMap)
// log:{1 => "a", 2 => "c", 3 => "d"}

Set 对象

Set 对象允许你存储任何类型的唯一值,无论是原始值或者是对象引用。

Set 中的特殊值

Set 对象存储的值总是唯一的,所以需要判断两个值是否恒等。有几个特殊值需要特殊对待:

  • +0 与 -0 在存储判断唯一性的时候是恒等的,所以不重复;
  • undefined 与 undefined 是恒等的,所以不重复;
  • NaN 与 NaN 是不恒等的,但是在 Set 中只能存一个,不重复。
let mySet = new Set();
 
mySet.add(1); // Set(1) {1}
mySet.add(5); // Set(2) {1, 5}
mySet.add(5); // Set(2) {1, 5} 这里体现了值的唯一性
mySet.add("some text"); 
// Set(3) {1, 5, "some text"} 这里体现了类型的多样性
var o = {a: 1, b: 2}; 
mySet.add(o);
mySet.add({a: 1, b: 2}); 
// Set(5) {1, 5, "some text", {…}, {…}} 
// 这里体现了对象之间引用不同不恒等,即使值相同,Set 也能存储

类型转换

// Array 转 Set
var mySet = new Set(["value1", "value2", "value3"]);
// 用...操作符,将 Set 转 Array
var myArray = [...mySet];
String
// String 转 Set
var mySet = new Set('hello');  // Set(4) {"h", "e", "l", "o"}
// 注:Set 中 toString 方法是不能将 Set 转换成 String

Set 对象作用

数组去重

var mySet = new Set([1, 2, 3, 4, 4]); [...mySet];
 // [1, 2, 3, 4]

并集

var a = new Set([1, 2, 3]);
var b = new Set([4, 3, 2]); 
var union = new Set([...a, ...b]); // {1, 2, 3, 4}

交集

var a = new Set([1, 2, 3]); 
var b = new Set([4, 3, 2]); 
var intersect = new Set([...a].filter(x => b.has(x))); // {2, 3}

差集

var a = new Set([1, 2, 3]); 
var b = new Set([4, 3, 2]); 
var difference = new Set([...a].filter(x => !b.has(x))); // {1}
赞(1) 打赏
未经允许不得转载:散人研 » ES6 | Map、Set与Object
分享到: 更多 (0)

评论 抢沙发

8 + 9 =
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏