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();
相关推荐
有点笨的蛋17 小时前
从零掌握 Ajax:一次请求带你读懂异步数据加载原理
前端·javascript·ajax
进击的野人17 小时前
JavaScript日期操作与DOM节点管理:构建动态网页的核心技术
前端·javascript
AAA简单玩转程序设计17 小时前
JS防抖:别再让按钮“手抖”连点了!
前端·javascript·html
工业甲酰苯胺18 小时前
TypeScript 中的单例模式
javascript·单例模式·typescript
nvd1118 小时前
Lit.js 入门介绍:与 React 的对比
开发语言·javascript·react.js
峥嵘life18 小时前
Android16 更新fastboot版本解决fastbootd模式识别不到设备问题
android·学习
孤狼warrior19 小时前
目前最新同花顺金融股市数据爬取 JS逆向+node.js补浏览器环境
javascript·爬虫·python·金融·node.js
HalvmånEver19 小时前
Linux:基础开发工具(一)
linux·运维·服务器·开发语言·学习·进阶学习
d111111111d19 小时前
STM32外设学习-串口数据包笔记-(数据包的了解)
笔记·stm32·单片机·嵌入式硬件·学习
一 乐19 小时前
海产品销售系统|海鲜商城购物|基于SprinBoot+vue的海鲜商城系统(源码+数据库+文档)
java·前端·javascript·数据库·vue.js·后端