JavaScript 数组方法 - 第一部分

数组是 JavaScript 中的一种对象。使用它可以将多个值存储在一个变量中。

与其为每个项目创建单独的变量,不如使用一个数组。

示例: let students = ["John", "David", "Alex"];

每个值都是一个元素。每个元素都有一个从 0 开始的索引。

• 索引 0: John • 索引 1: David • 索引 2: Alex

核心数组概念

1. length 属性

length 属性告诉你元素的总数。它是一个属性,而不是一个函数。不要使用括号。

• 正确:arr.length • 错误:arr.length()

你可以通过更改长度来添加或删除元素。 如果你减小长度,JavaScript 会移除多余的元素。 如果你增加长度,JavaScript 会创建空位。

2. toString()

此方法将数组转换为字符串。它使用逗号连接元素。它不会改变原始数组。

3. join()

当你需要自定义分隔符时使用此方法。

fruits.join(" | ") 返回 "Apple | Orange | Banana"fruits.join("-") 返回 "Apple-Orange-Banana"

4. at()

此方法返回特定索引处的元素。它支持负数。

arr.at(-1) 返回最后一个元素。 • arr.at(-2) 返回倒数第二个元素。

5. pop()

此方法从数组中移除最后一个元素。它会返回被移除的那个元素。这会改变原始数组。

6. Array.isArray()

使用此方法检查一个值是否为数组。typeof 运算符对数组返回 "object",因此它并不可靠。

Array.isArray([]) 返回 trueArray.isArray({}) 返回 false

7. concat()

使用此方法合并两个或多个数组。它不会改变原始数组,而是返回一个全新的数组。

8. copyWithin()

此方法将数组的一部分复制到同一数组中的新位置。它会覆盖现有元素。

关于 delete 的重要提示

delete 运算符会移除一个元素,但保持数组长度不变。这会在数组中创建一个空洞。如果你想移除元素并缩小数组,请使用其他方法。

来源: https://www.w3schools.com/js/js_array_methods.asp

完整指南: https://dev.to/annapoo/javascript-arrays-methods-part-1-kb7