新的数据结构

• Set
• Map

Set

Set是一个构造函数
必须使用new调用
用于实例化一个set对象
set对象用来存储任意类型的唯一值
<new Set()
new Set(iterable)

• iterable
  可迭代对象

返回值：返回一个新创建的Set对象。
示例：创建一个空Set

new Set()

示例：创建一个Set对象

   const arr = [1,2,3,4,3,2,1]
        let set = new Set(arr)
        console.log(set);//Set(4) [ 1, 2, 3, 4 ]

示例：创建一个Set对象

const obj ={y:1}
const arr = [1,obj,{x:1},obj,{x:1}]
let set = new Set(arr)
console.log(set);
size: 4
<entries>
0: 1
1: Object { y: 1 }
2: Object { x: 1 }
3: Object { x: 1 }

1.Set.prototype.add()

用于向Set对象中添加新值。如果值存在则不添加
语法：

set.add(value)//任意类型的值

返回值：更新后的对象
用法：

  const obj ={y:1}
        const arr = [1,obj,{x:1},obj,{x:1}]
        let set = new Set(arr)
        set.add("小猫")
        set.add(NaN)
        set.add(NaN).add(NaN)
        console.log(set);//Set(6) [ 1, {…}, {…}, {…}, "小猫", NaN ]

Set.prototype.has()

拥有检索Set对象是否存在指定值
语法：

set.hase(value)//任意值

返回值：
true：存在
false：不存在

Set.prototype.delete()

• delete() 方法从 Set 对象中删除指定的值（如果该值在 Set 中）。
  语法：

delete(value)

返回值：true删除成功 false不成功

Set.forEach

遍历set
语法：

set.forEach(value,key,set){
}

value：值
key：索引，key没有键，使用value值也会给key
set：set对象名

修改set对象中的值

let set = new Set
set.forEach((value,key,set)=>{
// console.log(value);
// console.log(key);
// console.log(set);
if(value===1)value= "ccc"
console.log(value);
})

Map（）

定义：

• Map（）是ES6新增的内置构造函数
• Map（）构造函数用于创建Map对象。（也被称为词典）
• 传入一个数组会报错
• 必须传入一个键值对形式的对象

语法：

new  map()

返回值：一个map对象,键值对具有唯一性
示例：

 const map =new Map()
        console.log(map);

示例：

  let obj = [["x","y"],["1","2"],["x","y"]]
        const map =new Map(obj)
        console.log(map);//Map { x → "y", 1 → "2" }

Map对象是什么

• Mam对象引入的一种新型数据结构
• 和JS中Object一样，也使用键值对形成存储数据
• 和Object不一样的地方
  有序存储，Map会记录存储位置
  Map对象中的key可以是任意数据类型,obj的key只能是字符串，symbol，计算属性
  map有长度，Object没有；
  map可迭代，obj不可以迭代
  对象是键值的无序集合，map是键值的有序集合
• map是键值对的有序集合

语法：

new Map()
new Map(iterable)

iterable：必须是键值对和可迭代对象

map增删改查

1.增

Map.prototype.set()

• set() 方法为 Map 对象添加或修改一个键（key）和值（value）的（新）键值对。
  语法：

map.set(key, value)

返回值：返回更新后的map对象
示例，添加一个新的键值对：

  let a = 1+1
    function fn(){}
    let obj = [[0,"a"],[a,"b"],[1,"c"],[fn(),"d"],[undefined,"e"],[NaN,"e"],["c","g"]]
    const map =new Map(obj)
    map.set("黄油符","投影仪")
    console.log(map);//Map(7) { 0 → "a", 2 → "b", 1 → "c", undefined → "e", NaN → "e", c → "g", "黄油符" → "投影仪" }

示例，修改键值对：

  let a = 1+1
    function fn(){}
    let obj = [[0,"a"],[a,"b"],[1,"c"],[fn(),"d"],[undefined,"e"],[NaN,"e"],["c","g"]]
    const map =new Map(obj)
    map.set("黄油符","投影仪")
    console.log(map);//Map(7) { 0 → "a", 2 → "b", 1 → "c", undefined → "e", NaN → "e", c → "g", "黄油符" → "投影仪" }
 map.set("黄油符","记录委员")
    console.log(map.get("黄油符"));//记录委员

2.删

Map.prototype.clear()

• clear() 方法会移除 Map 对象中的所有键值对。

语法：

map.clear()

无参数
返回undefined

Map.prototype.delete()

• delete() 方法用于移除 Map 对象中指定的键值对。
  语法：

map.dalete(key)

返回值：true删除成功 false不成功

3.改

Map.prototype.set()

• set() 方法为 Map 对象添加或修改一个键（key）和值（value）的（新）键值对。
  语法：

map.set(key, value)

返回值：返回更新后的map对象

4.查

Map.prototype.has()

• has() 方法返回一个布尔值，查询指定键的元素是否存在。

返回值：true存在 false不存在

Map.prototype.get()

定义：get（）方法用于查询指定key的value
语法：

map.get(key)

返回值：value查到了
undefied：没有找到
示例：

    let obj = [[null,"y"],[["a"+"b"],"2"],[1,"y"],[function(){},true],[undefined,"c"],[NaN,1]]
        const map =new Map(obj)
        console.log(map.get(null));//y

map.prototype.forEach()

用于遍历map对象
语法：

forEach(callbackFn)
forEach(callbackFn, thisArg)

返回undefined
示例：

        const bod1 = {name:"cyh"}
        const girl2 = {name:"wl"}
        const bod2 = {name:"tl"}
        const map = new Map([
            [bod1,"记录"],
            [girl2,'蒙城'],
            [bod2,"插座"]
        ])
        map.forEach((value,key,map)=>{
            console.log(value);//记录 蒙城  插座
            console.log(key);//Object { name: "cyh" }
        })

map.keys

定义:keys() 返回一个引用迭代器，它包含按照顺序插入 Map 对象中每个元素的 key 值。

语法：

map.keys()

注意：单独提取键值对需要配合next（）.value
返回值：一个新的可迭代的 Map 迭代器对象。

示例1拿到keys：

 const bod1 = {name:"cyh"}
        const girl2 = {name:"wl"}
        const bod2 = {name:"tl"}
        const map = new Map([
            [bod1,"记录"],
            [girl2,'蒙城'],
            [bod2,"插座"]
        ])
        const maps = map.keys()
        console.log(maps.next().value);//Object { name: "cyh" }

Map.prototype.values()

返回一个可迭代map对象，包含按照顺序返回map的value值
语法：

map.values()

注意：单独提取键值对需要配合next（）.value
示例：

const bod1 = {name:"cyh"}
        const girl2 = {name:"wl"}
        const bod2 = {name:"tl"}
        const map = new Map([
            [bod1,"记录"],
            [girl2,'蒙城'],
            [bod2,"插座"]
        ])
        const values = map.values()
        console.log(values.next().value);//记录

map.prototype.entries()

返回一个新的迭代器map对象，其中包含 Map 对象中按插入顺序排列的每个元素的 [key, value] 对。
语法：

map.entries()

返回值：返回一个可迭代map对象
注意：单独提取键值对需要配合next（）.value
示例：

           const bod1 = {name:"cyh"}
        const girl2 = {name:"wl"}
        const bod2 = {name:"tl"}
        const map = new Map([
            [bod1,"记录"],
            [girl2,'蒙城'],
            [bod2,"插座"]
        ])
        const maps = map.entries()
        console.log(maps.next().value);//Array [ {name:cyh}}, "记录" ]

map.prototype.size

只读属性
返回map对象中有多少属性
语法：

map.size

返回值：数值，返回map对象中有多少属性
示例：

      const bod1 = {name:"cyh"}
        const girl2 = {name:"wl"}
        const bod2 = {name:"tl"}
        const map = new Map([
            [bod1,"记录"],
            [girl2,'蒙城'],
            [bod2,"插座"]
        ])
        console.log(map.size);//3

es6计算属性

es6命名对象key的方法。
用方括号设置对象的属性名
对象的属性名是一个表达式

const obj = {
[a+b]:x
}

对象的属性名必须是一个字符串或计算属性或symbol