ES6学习笔记之map、set与数组、对象的对比
2024-08-27 12:06:07
ES6
ES5中的数据结构,主要是用Array和Object。在ES6中主要新增了Set和Map数据结构。到目前为止,常用的数据结构有四种Array、Object、Set、Map。下面话不多说了,来一起看看详细的介绍吧。
// 数据结构横向对比,增,查,改,删
1、map和数组对比
{
let map=new Map();
let array=[]; /**增**/
map.set('t',1);
array.push({t:1});
console.info('map-array',map,array); /**查**/
let map_exist=map.has('t');
let array_exist=array.find(item=>item.t);
console.info('map-array',map_exist,array_exist); /**改**/
map.set('t',2);
array.forEach(item=>item.t?item.t=2:'');
console.info('map-array-modify',map,array); /**删**/
map.delete('t');
let index=array.findIndex(item=>item.t);
array.splice(index,1);
console.info('map-array-empty',map,array);
}
2、set和数组对比
{
let set=new Set();
let array=[]; // 增
set.add({t:1});
array.push({t:1});
console.info('set-array',set,array); // 查
let set_exist=set.has({t:1});
let array_exist=array.find(item=>item.t);
console.info('set-array',set_exist,array_exist); // 改
set.forEach(item=>item.t?item.t=2:'');
array.forEach(item=>item.t?item.t=2:'');
console.info('set-array-modify',set,array); // 删
set.forEach(item=>item.t?set.delete(item):'');
let index=array.findIndex(item=>item.t);
array.splice(index,1);
console.info('set-array-empty',set,array);
}
3、map、set和Object对比
{
let item={t:1};
let map=new Map();
let set=new Set();
let obj={}; // 增
map.set('t',1);
set.add(item);
obj['t']=1;
console.info('map-set-obj',obj,map,set); // 查
console.info({
map_exist:map.has('t'),
set_exist:set.has(item),
obj_exist:'t' in obj
}) // 改
map.set('t',2);
item.t=2;
obj['t']=2;
console.info('map-set-obj-modify',obj,map,set); // 删除
map.delete('t');
set.delete(item);
delete obj['t'];
console.info('map-set-obj-empty',obj,map,set);
}
总结
通过对比可以发现,能使用map的优先使用,不使用数组,
考虑数据的唯一性,考虑使用set,不使用Objet
以后的开发中可以优先考虑使用map和set了,并且可以放弃数组和object了
原链:https://www.jb51.net/article/135685.htm
最新文章
- 2014最后一天,好烦!这个问题从来没遇到过!网上查找了很多办法都没解决!并且no wifi 了!
- sqlserver各备份解释
- fir.im Weekly - 当技术成为一种 “武器”
- Repeater分页代码
- DP:Islands and Bridges(POJ 2288)
- spring mvc + freemarker优雅的实现邮件定时发送
- 升级时出现:请先升级 UCenter 到 1.6.0 以上版本。
- java中动态反射
- Leetcode: Subsets &; SubsetsII
- Yii2.0源码阅读-一次请求的完整过程
- Entity Framework DBContext 增删改查深度解析
- HTTP请求的502、504、499错误
- Intellij idea常用快捷键和技巧
- flutter 获取设备屏幕大小
- Handler相关
- [LeetCode] 867. Transpose Matrix_Easy
- 配置Maven从私服下载构件
- js日期格式化 扩展Date()
- springboot入门神器 -http://start.spring.io/(在线项目构建)
- activeMQ Jms Demo
热门文章
- react实现全选、取消全选和个别选择
- FastJson 对enum的 序列化(ordinal)和反序列化
- Lyft Level 5 Challenge 2018 - Final Round (Open Div. 2)---ABC
- 洛谷P2577 [ZJOI2005]午餐 dp
- 洛谷P4035 球形空间产生器 [JSOI2008] 高斯消元
- CF576C Points on Plane 构造
- SQL 4
- [py]python内存管理
- 版本 ------- 2017年最受开发者欢迎的10个Linux发行版
- PAT 1087 All Roads Lead to Rome[图论][迪杰斯特拉+dfs]