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([]) 返回 true
• Array.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
