js数据类型Set Map 循环for_in_of

原创已于 2022-07-08 16:31:36 修改 · 397 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #servlet

于 2019-01-18 17:01:30 首次发布

js 专栏收录该内容

133 篇文章

订阅专栏

本文深入探讨了JavaScript中的数据类型，包括字符串、Set集合、Map映射以及对象的使用方法。通过具体示例，详细讲解了for...of和for...in循环在不同数据类型中的应用，帮助读者掌握JS中数据操作的核心技巧。

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>js数据类型Set Map 循环for_in_of</title>
</head>

<body>
    <script>
        let s = "hello";
        for(let c of s) {
            console.log(c); // h e l l o
        }

        var set = new Set();  // 集合，有自动去重的功能。
        // console.log("set:", set);
        set.add("a").add("b").add("d").add("a");
        console.log("set:", set);
        for (let v of set) {
            console.log(v);  // a b d
        }
        console.log("--------------------");

        var map = new Map();
        console.log("map:", map);
        map.set("a",1).set("b",2).set(999,3);
        console.log("map:", map);

        for(let [k,v] of map) {// map映射，类似于python字典
            console.log(k,v);
            // a 1
            // b 2
            // 999 3
        }

        var obj = {1:"hello", 2:"world"};
        // for(let o of obj){// Uncaught TypeError: obj is not iterable
        //     console.log(o);
        // }
        for(let key in obj){
            console.log(key, obj[key]);
            // 1 hello
            // 2 world
        }
    </script>
</body>
</html>