ES6学习Set 、Map(六)

这里写目录标题

一、Set

Set类似于数组,但是成员的值都是唯一的,没有重复的值。

js 复制代码
            let set=new Set();
            set.add(2);
            set.add('4');
            set.add('4');//这个4会被忽略,因为集合表示无重回复值的有序列表        
            console.log(set);//set(2) {2, "4"}
            set.add([1,2,3]);//也可以添加数组
            console.log(set);//Set(3) {2, '4', Array(3)}
            
            set.delete(2);//删除元素
            console.log(set);//set(2) {'4', Array(3)}

            //校验某个值是否在set中has()
            console.log(set.has('4'));//返回 true

            //结合长度
            console.log(set.size);

            //Set 函数接受数组作为参数
            let set2=new Set([1,2,3,4]);
            //set转换为数组
            let arr = [...set2];
            console.log(arr);

二、WeakSet

WeakSet结构与Set类似,也是不重复的值的集合,WeakSet 的成员只能是对象,而不能是其他类型的值。

三、Map

Map:键值对的有序列表,键和值是任意类型。

js 复制代码
            let map = new Map();
            // set() 设置值
            map.set('name', '张三');
            map.set('age', '20');
            console.log(map); // 输出 { 'name' => '张三', 'age' => '20'}
            // 键和值可以是任意类型
            map.set(['a', [1, 2, 3]], 'hello');

            // get() 获取值
            console.log(map.get('name')); //张三

            // has()  校验某个值是否在 map 中
            console.log(map.has('name')); //true

            // delete()  删除值
            map.delete('name');

            // clear()  清除所有值
            map.clear();
相关推荐
晴天169 小时前
前端 SSR、BFF 原理介绍
前端·javascript·网络·html
边境悍匪10 小时前
蜗牛学苑 Java 智能体学习 Day40|Vue 工程化与 ElementPlus 思维导图复盘
java·vue.js·学习
梦想平凡10 小时前
百游棋牌源代码开发搭建教程(一):全端工程结构、开发环境配置与首次启动验证
前端·javascript·源代码管理
Highcharts10 小时前
常见报错排雷指南3:兼容性问题的官方解法
javascript·数据可视化
5335ld10 小时前
app版本更新(vue3+unibest+静默更新+强制更新)
开发语言·javascript·ecmascript
传奇开心果编程11 小时前
【xilem0.4基础语法学与练】第22课:on_click / on_change 与手势系统的实战
学习·rust·前端框架
Cho1yon11 小时前
【AI Agent 第十五期: AI Agent 从 0 到 1 系统学习大纲】
javascript·人工智能·学习
web打印社区13 小时前
Vue3 发票静默打印,我这边能跑通的一版
前端·javascript·vue.js·chrome·electron
嘟哩DuliDuli13 小时前
创作 Agent 的任务状态该如何保存
android·java·javascript
my_daling14 小时前
紫光FPGA远程升级注意事项(关于GTP_CFGCLK原语使用问题)
笔记·学习·fpga开发