当前位置: 首页 > news >正文

es6中的Map和Set数据结构

Map

Map对象可以用于保存键值对

1.创建 一个Map对象

const map = new Map()

2.Map的一些方法

  • set(key,value):通过键值对向Map对象中添加元素
  • get(key):通过建拿到对应的值
  • size:返回Map对象中所包含的键值对的个数
  • has(key):判断Map对象中是否有对应的key,返回一个布尔值
  • delete(key):删除对应的键值数据,返回一个布尔值,表示 是否删除成功
  • clear():删除对象中所有的元素
map.set('one', 1)
map.set('two', '2')
map.set(1, '3')
console.log(map.get('one')); // 1
console.log(map.size);  // 3
console.log(map.has('one')); // true
console.log(map.has('three')); // false
console.log(map.delete('one')); // true
console.log(map.size); // 2
map.clear()
console.log(map.size); // 0

3.遍历map的方法

  • keys():返回键名
  • values():返回值
  • entties():返回键值对,键值对为数组形式
  • forEach(value,key,map):遍历每个成员
// 1. keys
for (let key of map.keys()) {console.log(key); // one tow 1
}
console.log('=========');
// 2. values
for (let val of map.values()) {console.log(val); // 1 2 3
}
console.log('=========');
// 3. entries
for (let all of map.entries()) {console.log(all); // ['one',1] ['two',2] [1,3]
}
console.log('=========');
// 4. forEach
map.forEach((val, key, map) => {console.log(val); // 1 2 3console.log(key); // one two 3
})

Set

Set中只有value,且不允许值重复。Set中的键值一样 

1.创建一个Set实例

const set = new Set()

2.Set的方法

  • add(val):添加某个值,返回Set结构本身,支持链式调用
  • size:返回Set实例的成员总数
  • has(val):判断Set中是有val值
  • delete(val):删除某个值,返回一个布尔值,表示是否删除成功
  • clear():清楚所有成员,无返回值
set.add(1).add(2).add(3)
console.log(set); // {1,2,3}
console.log(set.size); // 3
console.log(set.has(1)); // true
console.log(set.has(4)); // false
console.log(set.delete(1)); // true
console.log(set.delete(4)); // false
console.log(set.size); // 2
set.clear()
console.log(set.size); // 0

3.遍历Set

此处方法和上面遍历Map的方法是一样的,需要注意的是,set中的键和值是一样的。

/*** 遍历set*/
// 1. keys
for (let key of set.keys()) {console.log(key); // 1 2 3
}
console.log('=========');
// 2. values
for (let val of set.values()) {console.log(val); // 1 2 3
}
console.log('=========');
// 3. entries
for (let all of set.entries()) {console.log(all); // [1,1] [2,2] [3,3]
}
console.log('=========');
// 4. forEach
set.forEach((val, key, set) => {console.log(val); // 1 2 3console.log(key); // 1 2 3
})

今日寄语:只有拼尽全力,才能轻而易举!

http://www.lryc.cn/news/105126.html

相关文章:

  • MyBatis 框架基本的增删改查
  • Javascript--JSON
  • Rust: error: failed to run custom build command for `openssl-sys v0.9.71`
  • Excel修改日期格式,改变日期的筛选方式
  • 【RabbitMQ(day2)】默认(直连)交换机的应用
  • 谷粒商城第八天-商品服务之品牌管理的整体实现(直接使用逆向生成的代码;含oss文件上传)
  • 阿里云率先荣获容器集群稳定性先进级认证
  • 【SpringBoot笔记37】SpringBoot基于@ServerEndpoint、@OnMessage等注解的方式集成WebSocket
  • PyTorch(安装及卸载)
  • webScoket
  • 【C语言初阶(20)】调试练习题
  • MicroPython ESP32网页实时更新DHT11数据显示
  • JavaWeb之HTML基础篇(一)
  • TVM_深度学习编译器
  • Flutter InheritedWidget 共享状态管理
  • 什么是反射?Java反射?反射的优缺点
  • 小红书2020校招测试开发后端笔试题卷三
  • python数据可视化Matplotlib
  • firewalld防火墙
  • iMacros WebBrowser Component for .NET
  • 3,堆,桶排序,排序总结【p4-p5】
  • 使用langchain与你自己的数据对话(四):问答(question answering)
  • 如何快速开拓海外华人市场?附解决方案!
  • 【云原生-制品管理】制品管理的优势
  • Java爬虫----HttpClient方式(获取数据篇)
  • 计算机视觉实验:图像增强应用实践
  • ES6:Generator函数详解
  • 前端小练-产品宣传页面
  • arm学习之stm32设备树学习-中断控制led灯亮灭+字符设备指令控制led灯亮灭
  • 快速开发框架若依的基础使用详解