Array、Set、Map、Object学习总结

Array和Set对比

都是一个存储多值的容器，两者可以互相转换，但是在使用场景上有区别。如下:

• Array的indexOf方法比Set的has方法效率低下
• Set不含有重复值（可以利用这个特性实现对一个数组的去重）
• Set通过delete方法删除某个值，而Array只能通过splice。两者的使用方便程度前者更优
• Array的很多新方法map、filter、some、every等是Set没有的（但是通过两者可以互相转换来使用）

Set操作集合(WeakSet)

let set = new Set()
// Set转化为数组
let arr = Array.from(set)
let arr = [...set]
// 实例属性（继承自Set）
set.constructor === Set
set.size
// 操作方法
set.add(1) // 添加一个值
set.delete(1) //删除一个值
set.has(1) //判断是否有这个值（Array中的indexOf）
set.clear() //清除所有值
// 获取用于遍历的成员方法(Set的遍历顺序就是插入顺序)
set.keys() // 返回键名的遍历器
set.values() // 返回键值得遍历器
set.entries() // 返回键值对的遍历器
set.forEach() // 循环遍历每个值(和Array的方法一致)
for (let key of set.keys()){}
for (let val of set.values()){}
for (let entry of set.entries()){}
// 使用数组方法来处理set值
set = new Set(arr)
set = new Set([...set].map((x) => x = x * 2))
set = new Set([...set].filter((x) => x > 2))

Object和Map对比

Object是字符串-值，Map是值-值

• Object键为string类型,Map的键是任意类型
• 手动计算Object尺寸,Map.size可以获取尺寸
• Map的排序是插入顺序
• Object有原型，所以映射中有一些缺省的键。可以理解为Map=Object.create(null)

Map的方法集合

let map = new Map()
// 实例属性(继承自Map)
map.constructor === Map
map.size
// 操作方法
map.set(1,2)
map.get(1)
map.delete(1)
map.has(1)
map.clear()
// 遍历方法
map.keys()
map.values()
map.entries()
map.forEach()
// Map和数组的转换
map = new Map([['key','val'],[2,1]]) // 要求双成员数组
let arr = [...map]
// 值得注意的是Map的键是跟内存绑定的
map.set([1], 's')
map.get([1])
let arr = [1]
let arr1 = [1]
map.set(arr, 's')
map.get(arr)
map.set(arr1, 's')
map.get(arr1)

参考文档

Array
Set和Map
Set和Map阮一峰教程