set和map

一.Set:

1.Array和Set对比:
都是一个存储多值的容器,两者可以互相转换

区别如下:

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

2.创建set类型:

let set = new Set()

3.SetAPI集合:

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))

注意:set不会使用强制类型转换来判断值是否重复,这意味着set可以同时包含number(5)和string(5),唯一的例外-0和+0在set中被判定是相等的,如果向set集合中添加多个对象,则他们之间彼此独立。

4.set的forEach:
set集合和数组的forEach类似,运行机制也比较类似。forEach()方法的回调接收3个参数:
1.集合中索引的位置。
2.被遍历参数的值
3.集合本身

 let set = new Set(['a', 'b', 'c', 'd', 'e']);
    set.forEach((k, val, owner) => {
        console.log('set-forEach-k-->:', k);
        console.log('set-forEach-val-->:', val);
        console.log('set-forEach-owner-->:', owner);
    })

运行结果如下:
set和map_第1张图片

二.Map:

1.Object和Map对比:

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

2…创建Map类型:

let map = new Map()

3.MapAPI集合:

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)

总结:以下的方法和属性map和set上都存在:
1.forEach(val, k, owner): 遍历map
2.has(key):判断指定的键值是否存在
3.delete(key):移除map中键以及对应的值
4.clear():移除map中所有的键和值
5.size:指明包含多个键值对。

你可能感兴趣的:(set和map)