Js 数组方法入门指南（上）：访问方法详解
2023-10-11 17:40:55
简介
JavaScript 中的数组是一种非常重要的数据结构，它可以存储一组有序的数据。数组中的每个元素都可以通过一个索引值来访问。数组提供了多种方法来访问其元素，这些方法可以分为两大类：访问方法和修改方法。
本文将重点介绍数组的访问方法。访问方法可以让我们获取数组中的元素，而不会改变数组本身。访问方法包括：
length：返回数组的长度。[]：使用索引值来访问数组中的元素。at()：使用索引值来访问数组中的元素，可以接受负索引值。indexOf()：返回数组中某个元素的索引值，如果找不到则返回 -1。lastIndexOf()：返回数组中某个元素的最后一个索引值，如果找不到则返回 -1。includes()：检查数组中是否包含某个元素，返回 true 或 false。
访问方法详解
1. length
length 属性返回数组的长度。这是一个只读属性，不能被修改。我们可以使用 length 属性来确定数组中包含多少个元素。
const numbers = [1, 2, 3, 4, 5];
console.log(numbers.length); // 5
2. []
[] 运算符可以用来访问数组中的元素。我们需要在方括号中指定索引值，索引值从 0 开始。
const numbers = [1, 2, 3, 4, 5];
console.log(numbers[0]); // 1
console.log(numbers[1]); // 2
console.log(numbers[2]); // 3
如果我们尝试访问一个不存在的索引值，则会返回 undefined。
const numbers = [1, 2, 3, 4, 5];
console.log(numbers[5]); // undefined
3. at()
at() 方法与 [] 运算符类似，但它可以接受负索引值。负索引值表示从数组的尾部开始计数。
const numbers = [1, 2, 3, 4, 5];
console.log(numbers.at(0)); // 1
console.log(numbers.at(1)); // 2
console.log(numbers.at(2)); // 3
console.log(numbers.at(-1)); // 5
console.log(numbers.at(-2)); // 4
如果我们尝试访问一个不存在的索引值，则会返回 undefined。
const numbers = [1, 2, 3, 4, 5];
console.log(numbers.at(5)); // undefined
console.log(numbers.at(-6)); // undefined
4. indexOf()
indexOf() 方法返回数组中某个元素的索引值。如果找不到该元素，则返回 -1。
const numbers = [1, 2, 3, 4, 5];
console.log(numbers.indexOf(3)); // 2
console.log(numbers.indexOf(6)); // -1
indexOf() 方法也可以接受第二个参数，表示从哪个索引值开始搜索。
const numbers = [1, 2, 3, 4, 5, 3, 2, 1];
console.log(numbers.indexOf(3)); // 2
console.log(numbers.indexOf(3, 3)); // 5
5. lastIndexOf()
lastIndexOf() 方法与 indexOf() 方法类似，但它返回数组中某个元素的最后一个索引值。如果找不到该元素，则返回 -1。
const numbers = [1, 2, 3, 4, 5, 3, 2, 1];
console.log(numbers.lastIndexOf(3)); // 5
console.log(numbers.lastIndexOf(6)); // -1
lastIndexOf() 方法也可以接受第二个参数，表示从哪个索引值开始搜索。
const numbers = [1, 2, 3, 4, 5, 3, 2, 1];
console.log(numbers.lastIndexOf(3)); // 5
console.log(numbers.lastIndexOf(3, 3)); // 2
6. includes()
includes() 方法检查数组中是否包含某个元素，返回 true 或 false。
const numbers = [1, 2, 3, 4, 5];
console.log(numbers.includes(3)); // true
console.log(numbers.includes(6)); // false
includes() 方法也可以接受第二个参数，表示从哪个索引值开始搜索。
const numbers = [1, 2, 3, 4, 5, 3, 2, 1];
console.log(numbers.includes(3)); // true
console.log(numbers.includes(3, 3)); // true
总结
本文介绍了 JavaScript 数组的访问方法。这些方法可以帮助我们获取数组中的元素，而不会改变数组本身。访问方法包括：length、[]、at()、indexOf()、lastIndexOf() 和 includes()。
这些方法对于处理数组数据非常有用，可以帮助你提高代码的效率和可读性。你可以在日常开发中使用这些方法来操作数组数据，并编写出更优质的代码。
