JavaScript学习 — Set 与 Map_js set赋值-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_67614925/article/details/124861451

本文探讨了JavaScript中的两种重要数据结构——Set和Map。Set是一个存储唯一值的集合，确保每个元素只出现一次，适合存储不重复的数据。而Map则用于存储键值对，它的键可以是任意类型，并且保持插入顺序。文章详细介绍了Set和Map的相关方法及属性，为学习JavaScript提供实用知识。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

Set

Set 是唯一值的集合。
每个值在 Set 中只能出现一次。
一个 Set 可以容纳任何数据类型的任何值。

Set 对象的方法和属性
在这里插入图片描述
Set实例

<script>
    // 声明一个集合
    let list = ['路飞', '索隆', '路飞'];
    console.log(list);
    console.log(list.length);
    // 声明一个array集合 可以储存重复的值
    let array = new Array(list);
    console.log(array);
    console.log(array.length);
    // 声明一个set集合 不可以储存重复的值
    let set = new Set(list);
    console.log(set);
    console.log(set.size);
    // 判断元素是否存在
    console.log(set.has('索隆'));
    console.log(set.has('娜美'));
    // 添加元素
    set.add('山治');
    console.log(set);
    // 不会添加重复元素
    set.add('路飞');
    set.add('索隆');
    console.log(set);
    // 遍历set
    set.forEach(element => {
        console.log(element);
    });
    for (const it of set) {
        console.log(it);
    }
</script>

在这里插入图片描述

Map

Map 对象存有键值对，其中的键可以是任何数据类型。
Map 对象记得键的原始插入顺序。
Map 对象具有表示映射大小的属性。

基本的 Map() 方法
在这里插入图片描述
Map() 属性

map实例

<script>
    // map的声明
    let map = new Map();
    // map的赋值
    map.set('路飞', 20);
    map.set('索隆', 21);
    map.set('山治', 22);
    map.set('娜美', 23);
    // 输出map
    console.log(map);
    // 输出map的value
    console.log(map.get('山治'));
    // key不存在就是新增 key存在就是修改
    map.set('山治', 18);
    console.log(map.get('山治'));
    // map遍历
    // 一个参数遍历的是value值
    console.log('+++++++++++++++++++++++++');
    map.forEach(element => {
        console.log(element);
    });
    // 第一个参数是value值 第二个参数值是key
    console.log('+++++++++++++++++++++++++');
    map.forEach((v, k) => {
        console.log(k + '==>' + v);
    });
    console.log('+++++++++++++++++++++++++');
    // for of遍历出的是数组 然后读取数组元素的值拼接
    for (const array of map) {
        console.log(array[0], '==>', array[1]);
    }
</script>