首页 > 其他分享 >ES6之Map

ES6之Map

时间:2022-11-20 15:12:38浏览次数:27  
标签:ES6 set console log get Map

Map ES6 提供了 Map 数据结构。它类似于对象,也是键值对的集合。但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。Map 也实现了iterator 接口,所以可以使用『扩展运算符』和『for…of…』进行遍历。 Map 的属性和方法: 1) size 返回 Map 的元素个数 2) set 增加一个新元素,返回当前 Map 3) get 返回键名对象的键值 4) has 检测 Map 中是否包含某个元素,返回 boolean 值 5) clear 清空集合,返回 undefined

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Map</title>
</head>
<body>
    <script>
        //声明 Map
        let m = new Map();

        //添加元素
        m.set('name','尚硅谷');
        m.set('change', function(){
            console.log("我们可以改变你!!");
        });
        let key = {
            school : 'ATGUIGU'
        };
        m.set(key, ['北京','上海','深圳']);

        //size
         console.log(m.size);

        //删除
         m.delete('name');

        //获取
          console.log(m.get('change'));
        console.log(m.get(key));

        //清空
        m.clear();

        //遍历
        for(let v of m){
            console.log(v);
        }

         console.log(m);

    </script>
</body>
</html>

 

标签:ES6,set,console,log,get,Map
From: https://www.cnblogs.com/anjingdian/p/16908533.html

相关文章