javaScript (js) 中object,map,set,array关键对比

Aklman 发布于2019-08-22 18:00 / 1644人阅读

摘要：备注有无索引有无关键区别重复元素有无对象元素非同一引用也可构造判断有否属性添加属性删除属性大小备注健无限制关键区别构造取值

挖坑慢慢填 ，有不合理或者错误的地方欢迎小伙伴雅正

要说标题中的四种数据类型，先从js所有数据类型了解，JavaScript数据类型分两种：

基本数据类型（string / number / boolear / null / undefine）栈内存

引述数据类型（object / array / map / set / function / date / regexp）堆内存

object,array,map,set,这四种数据类型承担了开发中的几乎所有复杂数据的存取，(map，set为ES6新添加的数据类型)，这里会简单明了的介绍和对比这四种数据类型的主要特性。

array vs set

-	array	set	备注
有无索引	有 [1,1,2,2][0] => 1	无 new Set(1,1)[0] => undefine	关键区别
重复元素	有 [1,1,2,2]	无 [1,2]	set对象元素非同一引用也可[{},{}]
构造	new Array() [] Array.from()	new Set()	-
判断有否属性	includes()	has()	-
添加属性	push() unshift() splice()	add()	-
删除属性	pop shift() splice()	delet()	-
大小	Array.lenght	Set.size	-

object vs map

-	object	map	备注
健（key）	string	无限制	关键区别
构造	new Object() {}	new Map() new Map(Arrany)	-
取值	. []	get(key)	-

云服务器 GPU云服务器 js取map中数据 js中取出map的值 object转map array_map

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/95399.html

从贺老微博引出的“遍历器（Iterators）加速那些奥秘”

摘要：我关注的贺老贺师俊前辈最近发表个这样一条微博虽然这条微博没有引起大范围的关注和讨论，但是作为新人，我陷入了思考。通过贺老的微博，对一个问题进行探究，最终找到核心成员的一文，进行参考并翻译。我关注的贺老—贺师俊前辈@johnhax 最近发表个这样一条微博： showImg(https://segmentfault.com/img/remote/1460000010452807); 虽然...

XUI 2019-08-20 18:29 评论0 收藏0
JavaScript & 6小时了解ES6基本语法

摘要：返回布尔值，表示参数字符串是否在源字符串的头部。参考语法返回一个布尔值与的全等操作符比较兼容环境把对象的值复制到另一个对象里浅拷贝定义方法用于将所有可枚举的属性的值从一个或多个源对象复制到目标对象。语法要设置其原型的对象。一步一步似爪牙。前言学习es6之前我们可能并不知道es6相比es5差距在哪, 但是这并不妨碍我们站在巨人的肩膀上; 程序员就是要乐于尝鲜; 学习es6最终目的是...

Amos 2019-08-20 19:03 评论0 收藏0
JS 数组循环遍历方法的对比

摘要：循环方法方法不改变原数组方法会给原数组中的每个元素都按顺序调用一次函数。筛选出过滤出数组中符合条件的项组成新数组代码方法方法为数组中的每个元素执行一次函数，直到它找到一个使返回表示可转换为布尔值的值的元素。 showImg(https://segmentfault.com/img/bV2QTD?w=1600&h=500); 前言 JavaScript 发展至今已经发展出多种数组的循环遍...

BlackFlagBin 2019-08-26 11:31 评论0 收藏0
《深入理解ES6》笔记——Set集合与Map集合（7）

摘要：常被用来检查对象中是否存在某个键名，集合常被用来获取已存的信息。返回一个布尔值，表示该值在中存在与否。集合存放对象的弱引用，当该对象的其他强引用被清除时，集合中的弱引用也会自动被垃圾回收机制回收，追踪成组的对象是该集合最好的使用方式。 Map和Set都叫做集合，但是他们也有所不同。Set常被用来检查对象中是否存在某个键名，Map集合常被用来获取已存的信息。 Set Set是有序列表，含...

Charlie_Jade 2019-08-21 16:03 评论0 收藏0