JavaScript总结_使用哪种数据结构?

数据解构概述

数据从哪里来?

  1. 来自程序本身:直接在源代码中写入的数据(例如状态消息);
  2. 来自UI:用户输入的数据或DOM中写入的数据(例如todo应用程序中的任务);
  3. 从外部来源:例如从Web API获取的数据(例如配方对象);【注:Web API应用编程接口,例如可以像下面的一个JOSN文件】

● 当我们知道数据从哪来的时候,我们下一步应该收集数据;

● 当我们收集数据的时候,我们就要选择数据结构,例如数据是简单的一个清单,我们可以使用数据或集合;如果数据存在键/值对,我们就会选择对象或者Map这种数据结构;(注:键允许我们去描述值)

数组 VS. 集合 And 对象 VS. MAPS

数组 VS. 集合

数组
1. 当你需要有序的值列表时候使用(可能包含重复项)
2. 当您需要操作数据时使用
集合

  1. 当您需要使用独特的价值观工作时使用
  2. 在高性能真的非常重要时使用
  3. 用于从数组中删除重复值

对象 VS. MAPS

对象

  1. 更多的"传统"键/值存储("滥用"对象);
  2. 更加容编写和访问值;
  3. 当你需要包含函数时(方法)
  4. 在使用JOSN时使用(可以转换为映射)

MAPS

  1. 更好的性能
  2. 键可以有任何数据类型
  3. 易于迭代
  4. 易于计算MAPS大小
  5. 当您只需要将键映射到值时使用
  6. 当您需要不是字符串的键时使用
相关推荐
hh随便起个名18 分钟前
useRef和useState对比
前端·javascript·react
吴声子夜歌1 小时前
JavaScript——对象
开发语言·javascript·ecmascript
不会写DN1 小时前
Js常用的字符串处理
开发语言·前端·javascript
晓13131 小时前
第三章 TypeScript 高级类型
前端·javascript·typescript
Sylus_sui1 小时前
鸿蒙音乐项目懒加载优化实战
javascript
SuperEugene2 小时前
Vue keep-alive 实战避坑:include/exclude + 路由 meta 标记,中后台路由缓存精准可控|状态管理与路由规范篇
开发语言·前端·javascript·vue.js·缓存·前端框架
被考核重击2 小时前
虚拟列表(动态高度,性能优化,骨架屏)
javascript·vue.js·性能优化·虚拟列表
用户9714171814272 小时前
JavaScript 模块化详解:CommonJS、ES Module 到底有什么区别?
javascript
薛定猫AI2 小时前
【技术干货】用 Stitch + AI 编码代理自动化前端开发:从设计到 Next.js 生产应用
javascript·人工智能·自动化
用户9714171814272 小时前
原型与原型链
javascript