449 Set、Map数据结构

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>05_Set和Map数据结构</title>
</head>

<body>
    <!--
        1. Set容器 : 无序不可重复的多个value的集合体
            * Set()
            * Set(array)
            * add(value)
            * delete(value)
            * has(value)
            * clear()
            * size
        
        2. Map容器 : 有序的 key不重复的 多个key-value的集合体,用于数据储存。
            * Map()
            * Map(array)
            * set(key, value) // 添加
            * get(key)
            * delete(key)
            * has(key)
            * clear()
            * size
    -->

    <script type="text/javascript">

        let set = new Set([1, 2, 3, 4, 3, 2, 1, 6]);
        console.log(set); // {1, 2, 3, 4, 6}

        set.add('abc');
        console.log(set, set.size); // {1, 2, 3, 4, 6, …}  6

        // delete(value)
        set.delete(2);
        console.log(set); // {1, 3, 4, 6, "abc"}

        // has(value)
        console.log(set.has(2)); // false
        console.log(set.has(1)); // true

        // clear()
        set.clear();
        console.log(set); // {}


        console.log('-------------------------')


        let map = new Map([['abc', 12], [25, 'age']]);
        console.log(map); // {"abc" => 12, 25 => "age"} 

        map.set('男', '性别');
        console.log(map); // {"abc" => 12, 25 => "age", "男" => "性别"}

        console.log(map.get(25)); // age

        // delete(key)
        map.delete('男');
        console.log(map); // Map(2) {"abc" => 12, 25 => "age"}

        console.log(map.has('男')); // false
        console.log(map.has('abc')); // true

        map.clear();
        console.log(map); // {}
    </script>
</body>

</html>

posted on 2020-04-14 22:19  冲啊!  阅读(132)  评论(0编辑  收藏  举报

导航