前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Set和Map

Set和Map

作者头像
hss
发布2022-02-25 20:04:28
2380
发布2022-02-25 20:04:28
举报
文章被收录于专栏:前端卡卡西前端卡卡西

set结构

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

代码语言:javascript
复制
// set结构
let arr = [1, 2, 3, 3, 5, 6, 4, 6]
let arr1 = new Set()
arr1.add(1).add(3).add(3).add(2)
console.log(arr1);  //Set(3) {1, 3, 2}
let arr2 = new Set(arr)
console.log(arr2);  //Set(6) {1, 2, 3, 5, 6, 4}
for (let val of arr2) {
    console.log(val);
}

set()方法

去重

代码语言:javascript
复制
let arr = [1, 2, 3, 3, 5, 6, 4, 6]
let arr2 = new Set(arr)
console.log(arr2);  //Set(6) {1, 2, 3, 5, 6, 4}
// 去重转数组
arr2 = [...arr2]
console.log(arr2);  // [1, 2, 3, 5, 6, 4]

map结构

类似于对象,也是键值对的集合,但是对象的键只能是字符串,而Map的键可以是任意类型的值。

代码语言:javascript
复制
// map结构
let arr3 = new Map()
arr3.set('name','掌声').set('age',18).set('sex','男')
console.log(arr3);
for( let [key,value] of arr3){
    console.log(key,value);
}

map()方法

map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。

map() 方法按照原始数组元素顺序依次处理元素。

注意: map() 不会对空数组进行检测。

注意: map() 不会改变原始数组。

代码语言:javascript
复制
// map()方法
let arr4 = [1, 2, 3, 4, 5]
arr5 = arr4.map(val => {
    return val + 1
})
console.log(arr4);  // [1, 2, 3, 4, 5]
console.log(arr5);  // [2, 3, 4, 5, 6]
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-05-07 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • set结构
  • set()方法
  • map结构
  • map()方法
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档