Map,Set,Object的区别

Map对象
Map对象保存键值对,任何值(对象或原始值)都可以作为一个键或一个值

<script>
let a=new Map();
</script>

Map和Object 区别
不同点

Map 键值对个数可以从 size 属性获取,而 Object 的键值对个数只能手动计算

key的数据类型范围不同
obj可以作为key的仅有number、string、symbol。 map均可以

key的顺序不同
obj通过obj.keys()打印出来的属性顺序是 number–字符串。map的key顺序是声明顺序

创建方式不同
obj有三种创建方式 字面量{}、new Object() 、构造函数。map仅支持new Map()

key的调用不同
map只能用原生的get方法调用

设置属性的方式不同
map只能使用set(key,val)方法设置属性

共同点
二者都是以key-value的形式对数据进行存储

Map对象的几个常见用法和属性
new Map() 创建新的 Map 对象
set() 为 Map 对象中的键设置值
get() 获取 Map 对象中键的值
entries() 返回 Map 对象中键/值对的数组
entries 方法返回一个新的 Iterator 对象,它按插入顺序包含了 Map 对象中每个元素的 [key, value] 数组
keys() 返回 Map 对象中键的数组
values() 返回 Map 对象中值的数组
Map特性
Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值
Map 对象记得键的原始插入顺序
Map 对象具有表示映射大小的属性
Map 构造函数可以将一个 二维 键值对数组转换成一个 Map 对象

<script>
var myMap = new Map(kvArray);
console.log(myMap);
</script>
使用 Array.from 函数可以将一个 Map 对象转换成一个二维键值对数组

<script>
var outArray = Array.from(myMap);
 console.log(outArray);
</script>

Set对象

Set 对象允许你存储任何类型的唯一值,无论是原始值或者是对象引用

<script>
var mySet = new Set(["value1", "value2", "value3"]);	
console.log([...mySet]);   // 用...操作符,将 Set 转 Array
filter(function(item,index){})    //循环
</script>
set去重

<script>
var mySet = new Set([...mySet,...mySet2]);
console.log(mySet);
</script>

Set是唯一值的集合类似与数组,常用于数组去重

Set 对象的几个常用方法和属性
new Set() 创建新的 Set 对象
add() 向 Set 添加新元素
clear() 从 Set 中删除所有元素
delete() 删除由其值指定的元素
has() 如果值存在则返回 true,has只能用在set对象里面
forEach() 为每个元素调用回调
keys() 返回 Set 对象中值的数组
size 返回元素个数
Set对象和Map对象区别
set对象可以接收一维数组和字符串类型添加值
set对象只有Value值
set对象可以对数组去重

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值