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. 当您需要不是字符串的键时使用
相关推荐
yanlele1 小时前
AI Coding 时代下, 关于你会写代码这件事儿, 还重要吗?
前端·javascript·ai编程
打瞌睡的朱尤1 小时前
Vue day9 购物车,项目,vant组件库,vw,路由
前端·javascript·vue.js
cc.ChenLy5 小时前
【CSS进阶】毛玻璃效果与代码解析
前端·javascript·css
西门吹-禅5 小时前
node js 性能处理
开发语言·javascript·ecmascript
一只大侠的侠6 小时前
React Native for OpenHarmony:日期范围选择器实现
javascript·react native·react.js
一只大侠的侠7 小时前
React Native for OpenHarmony:DatePicker 日期选择器组件详解
javascript·react native·react.js
JosieBook7 小时前
【Vue】15 Vue技术——Vue计算属性简写:提升代码简洁性的高效实践
前端·javascript·vue.js
x-cmd8 小时前
[x-cmd] Node.js 的关键一步:原生运行 TypeScript 正式进入 Stable
javascript·typescript·node.js·x-cmd
御坂10101号9 小时前
JIT 上的 JIT:Elysia JS 的优化实践与争议
开发语言·javascript·网络·性能优化·node.js·express
一只大侠的侠10 小时前
React Native实战:高性能Popover弹出框组件
javascript·react native·react.js