JavaScript 中的数组
数组可以在一个变量中存储多个值。它们按特定顺序组织数据。
如果没有数组,你必须为每个项目创建单独的变量。随着数据量的增加,这会变得难以管理。有了数组,你可以将所有内容组合在一起。
数组的常见用途:
- 学生姓名列表
- 产品列表
- 购物车项目
- 手机号码
数组的工作原理: 数组使用索引(index)来查找项目。第一个项目始终位于索引 0。
示例: let fruits = ["Apple", "Banana", "Orange"];
- fruits[0] 是 "Apple"
- fruits[1] 是 "Banana"
- fruits[2] 是 "Orange"
核心数组方法:
添加与删除:
- push(): 在末尾添加项目。
- pop(): 从末尾删除项目。
- unshift(): 在开头添加项目。
- shift(): 从开头删除项目。
- splice(): 在任何位置添加或删除项目。
提取与搜索:
- slice(): 复制数组的一部分。
- indexOf(): 查找项目的索引位置。
- includes(): 检查项目是否存在。
- find(): 返回符合条件的第一个项目。
数据转换:
- map(): 修改数组中的每个项目。
- filter(): 仅保留符合条件的项目。
- reduce(): 将所有项目合并为一个单一的值。
- sort(): 对项目进行排序。
- reverse(): 反转项目的顺序。
数组 vs. 对象:
- 数组使用数字(索引)来查找数据。它们最适合用于列表。
- 对象使用键(keys)来查找数据。它们最适合用于描述单个实体。
示例:
- 数组:["Red", "Blue", "Green"]
- 对象:{ color: "Red", id: 1 }
掌握这些方法,以便在代码中高效地处理数据。
Source: https://www.geeksforgeeks.org/javascript/javascript-arrays/ Source: https://www.w3schools.com/js/js_arrays.asp
Full guide: https://dev.to/annapoo/arrays-in-javascript-2nb4