ES6新特性Map、Set和iterator

最新推荐文章于 2024-04-15 06:25:57 发布

q1575290554

最新推荐文章于 2024-04-15 06:25:57 发布

阅读量116

点赞数

分类专栏：前端 # JavaScript 文章标签： es6 javascript vue.js

本文链接：https://blog.csdn.net/Q1575290554/article/details/125496893

版权

前端同时被 2 个专栏收录

28 篇文章 0 订阅

订阅专栏

JavaScript

15 篇文章 0 订阅

订阅专栏

这篇博客介绍了JavaScript中的Map和Set数据结构，展示了如何创建、操作以及通过迭代器遍历它们。Map用于存储键值对，Set则用于存储不重复的元素。示例中演示了添加、获取、删除元素以及检查Set中是否存在某个元素的操作。此外，还讲解了如何使用for...of循环遍历数组、Map和Set。

摘要由CSDN通过智能技术生成

Map和Set

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        'use strict'
        let names = ["张三","李四","王五"];
        let scores = [90,88,78];
        let map = new Map([["张三",90],["李四",88],["王五",78]]);
        let score = map.get("张三");  // 通过 key 获得 value
        console.log(score);
        map.set('admin',999);        // 添加元素
        let set = new Set([3,1,1,1]);// Set可以去重
        set.add(2);                  // 添加
        set.delete(2);               // 删除
        console.log(set.has(3));     // 是否包含某个元素
    </script>
</head>
<body>
</body>
</html>

iterator

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        'use strict'
        let arr = [3,4,5];
        // 通过 for of 来实现
        for (let number of arr) {
            console.log(number);
        }

        // 遍历 map
        let map = new Map([["张三",90],["李四",88],["王五",78]]);
        for (let x of map) {
            console.log(x);
        }

        // 遍历 set
        let set = new Set([3,1,1,1,8]);
        for (let x of set) {
            console.log(x);
        }
    </script>
</head>
<body>
</body>
</html>