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