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. 当您需要不是字符串的键时使用
相关推荐
代码不加糖10 分钟前
MessageChannel是什么,有什么使用场景?
前端·javascript
人无远虑必有近忧!37 分钟前
fetch请求图片报跨域
前端·javascript
chushiyunen1 小时前
vue export default
前端·javascript·vue.js
zzqssliu1 小时前
Next.js图片自适应压缩:跨境站点图片加载提速代码方案
linux·javascript·ubuntu
北极星日淘2 小时前
可买免税店货物与安耐晒——特殊商品代购技术方案
javascript·vue.js·elementui
FirstFrost --sy2 小时前
基于高并发服务器的web小游戏测试
服务器·前端·javascript·c++·python·集成测试
youyu-youyu2 小时前
oss阿里云图片链接url高清图片设置为缩略图 vue 减少加载体积流量
前端·javascript·vue.js·阿里云·云计算
object not found3 小时前
Node.js fs 常用 API 整理:node:fs/promises、node:fs、fs 到底怎么用
开发语言·前端·javascript
雷工笔记3 小时前
MES系列48-MES 系统「质量管理」完整设计与实施方案
开发语言·javascript·ecmascript
LiuJun2Son3 小时前
Angular 快速入门:服务和依赖注入
前端·javascript·angular.js