全面感知ES6（6）Map,Set数据解构

最新推荐文章于 2023-07-19 11:43:44 发布

原创最新推荐文章于 2023-07-19 11:43:44 发布 · 409 阅读

0 ·

CC 4.0 BY-SA版权

ES6 专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了ES6中Set与Map数据结构的特点与使用方法，包括如何创建、添加元素、遍历等，并通过示例代码展示其用法。

Map,Set两种数据解构

我们首先来说

 /*
        Set 
            特点：
                数据不能重复，自带去重
            属性：
                size
            方法：
                add(value)添加某个值，返回Set结构本身
                delete(value)删除某个值，返回一个布尔值，表示删除是否成功
                has(value)返回一个布尔值，表示该值是否为Set的成员
                clear()清除所有成员，没有返回值
            
                forEach()返回键名的遍历器
                entries()返回键值的遍历器
                keys()返回所有成员的遍历器
                values()遍历所有成员
    */

随便在看一下一些方法的实例

    
    let arr = [1, 2, 3, 3, 4, 4, 5];
    console.log(Array.from(new Set(arr)));
    //[1,2,3,4,5]

根据上面的解释，自己一一对应方法啊

    
    let set = new Set(['a', 'b', 'b', 'c', 'd']);
    console.log(set);
    //[1,2,3,4]

    set.forEach((item, index) => {
        console.log(item, index);
        // item 1 2 3 4
        // index 1 2 3 4
    })
    console.log(set);
    //Set(4) {"a", "b", "c", "d"}
    console.log(set.keys());
    // SetIterator {"a", "b", "c", "d"}
    console.log(set.values());
    // SetIterator {"a", "b", "c", "d"}
    console.log(set.keys());
    // SetIterator {"a", "b", "c", "d"}

其实，Map也差不多

 /*    
        Map 
            特点：
                类似于键值对
            属性：
                size
            方法：
                set(key,value)
                get(key)返回键所对应的值
                delete(key)
                has(key)
                clear()

                forEach
                entries
                keys
                values
    */