新的数据结构

  • 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

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • ES6引入了2种新的数据结构
    ES6引入了2种新的数据结构 Set Map Set()是什么？ 定义： Set()是一个构造函数。 必须使用ne...
    烂好人_5b0f阅读 203评论 0赞 1
  • 新的数据结构
    在ECMAScript中，定义了下面几种基本的数据结构，分为值类型和引用类型：值类型数据结构： String - ...
    珍珠林阅读 215评论 0赞 0
  • Es6引进新的两种数据结构
    考题：一、Set对象是什么？1.Set对象是一种新型的数据结构；2.Set对象是一种存储任何类型的唯一值的，新型的...
    忧油鱼阅读 165评论 0赞 1
  • ES6中 Set和Map数据结构
    Set 基本用法 ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set...
    硅谷干货阅读 369评论 0赞 0
  • Set和Map数据结构
    1.Set ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set本身是...
    黑云阅读 376评论 0赞 2