JavaScript之Map对象的简单使用

cloudOnSkyline

已于 2022-07-15 14:24:50 修改

阅读量1k

点赞数 1

分类专栏： JavaScript 文章标签： javascript

于 2022-07-07 20:58:17 首次发布

本文链接：https://blog.csdn.net/weixin_44827643/article/details/125667044

版权

JavaScript 专栏收录该内容

61 篇文章 0 订阅

订阅专栏

本文主要介绍JavaScript中Map对象的简单使用。下面例子首先创建一个Map实例对象，接着介绍对象的属性及方法。Map类似于普通对象的使用，拥有键值对，但它的键不仅仅只是字符串而已，还可以是对象等其他数据类型。

（1）set()用于设置对象包含的元素

（2）get()用于获取对象的元素值

（3）has()用于判断对象是否包含某个元素

（4）delete()用于删除对象的元素

（5）obj.keys()获取对象所有的键

（6）size获取对象包含的元素个数

（7）forEach()用于遍历对象的元素，第一个参数代表值，第二个参数代表键，第三个参数代表整个对象

（8）clear()用于清空对象的元素

代码如下:

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // map
        const obj = {
            weight: 45,
            status: 'able-bodied'
        }
        const stu = new Map([
            ['gender', 0],
            ['height', 178]
        ])
        console.log(stu);
        // set
        stu.set('age', 18);
        stu.set(obj, '信息')
        console.log(stu);
        // get
        console.log(stu.get('age'));
        console.log(stu.get(obj));
        //has
        console.log(stu.has('age'));
        // delete
        stu.delete('age');
        console.log(stu);
        // keys
        console.log(stu.keys());
        // 长度
        console.log(stu.size);
        // 遍历
        stu.forEach((value, property, stu) => {
                console.log(value, property, stu);
            })
            // 清空
        stu.clear();
        console.log(stu);
    </script>
</body>

</html>

cloudOnSkyline

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
JavaScript之Map对象的简单使用

Map类似于普通对象的使用，拥有键值对，但它的键不仅仅只是字符串而已，还可以是对象等其他数据类型。（7）forEach()用于遍历对象的元素，第一个参数代表值，第二个参数代表键，第三个参数代表整个对象。（3）has()用于判断对象是否包含某个元素。（5）obj.keys()获取对象所有的键。（4）delete()用于删除对象的元素。（1）set()用于设置对象包含的元素。（8）clear()用于清空对象的元素。（2）get()用于获取对象的元素值。（6）size获取对象包含的元素个数。...
复制链接

扫一扫