领先的免费Web技术教程，涵盖HTML到ASP.NET

网站首页 > 知识剖析 正文

JavaScript，ES6，Map(集合)，新的数据结构，键值对的集合

nixiaole 2024-11-14 18:37:17 知识剖析 18 ℃

Map（集合），新的数据结构

ES6 提供了 Map 数据结构。它类似于对象，也是键值对的集合。但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。Map 也实现了iterator 接口，所以可以使用『扩展运算符』和『for…of…』进行遍历。

Map的属性和方法：

1、size 返回 Map 的元素个数；

2、set 增加一个新元素，返回当前 Map；

3、get 返回键名对象的键值；

4、has 检测 Map 中是否包含某个元素，返回boolean值；

5、clear 清空集合，返回 undefined。

代码案例

Bash
<!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 : 'XFD'
        };
        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>

Tags：

猜你喜欢

最近发表
标签列表