4小时快速掌握ES6核心用法 - 1.11 Map数据类型_map类型是键值对的有序列表到底是什么样子-CSDN博客

本文链接：https://blog.csdn.net/jolinoy/article/details/123651761

1.11 Map数据类型

Map类型是键值对的有序列表，而键和值都可以是任意类型

set和map作用基本上相似

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>1.11 Map数据类型</title>
</head>
<body>
    <script>
    // Map
    // Map类型是键值对的有序列表，而键和值都可以是任意类型

    let map = new Map();
    // set()方法 相当于设置值
    // map.set('name','张三');
    // map.set('age',20);
    // console.log(map);    // 输出：0: {"name" => "张三"} 1: {"age" => 20}
    // 获取值
    // console.log(map.get('name'));   // 输出：张三

    // Map的方法
    // map.has('name'); // 输出：true
    // map.delete('name');  // 删除
    // console.log(map);
    // map.clear();
    // console.log(map);

    map.set(['fav',[1,2,3]],'hello');
    console.log(map);   // 输出：{Array(2) => 'hello'}

    // Map初始化
    let map2= new Map([['a',1],['c',2]]);
    console.log(map2);  // 输出：Map(2) {'a' => 1, 'c' => 2}
    console.log(map.has('a'));  // 输出：false

    map.forEach(function (val,key,ownerMap) {
        console.log(key,val);   // 输出：(2) ['fav', Array(3)] 'hello'
        console.log(ownerMap);  // 输出：Map(1) {Array(2) => 'hello'}
        
    })
    </script>
    
</body>
</html>