在 JavaScript 中获取数组的第一个和最后一个元素

作者

目录

Get the First and Last Elements of an Array in JavaScript

  1. 在 JavaScript 中获取数组的第一个和最后一个元素
  2. 使用 Array.at() 获取数组的第一个和最后一个元素

在 JavaScript 中获取数组的第一个和最后一个元素

0
要获取数组的第一个和最后一个元素，请在索引和最后一个索引处访问数组。

例如，arr[0]返回第一个元素，而arr[arr.length - 1]
返回数组的最后一个元素。

索引.js
const arr = ['a', 'b', 'c', 'd'];

const first = arr[0];
console.log(first); // 👉️ a

const last = arr[arr.length - 1];
console.log(last); // 👉️ d
JavaScript 索引是从零开始的。数组中的第一个元素的索引为0，最后一个元素的索引为。 arr.length - 1

您可以通过访问 index 处的数组来获取元素0。

索引.js
const arr = ['a', 'b', 'c', 'd'];

const first = arr[0];
console.log(first); // 👉️ a

为了得到最后一个元素的索引，我们1从数组的长度中减去，因为数组中的第一个元素的索引为0。

索引.js
const arr = ['a', 'b', 'c', 'd'];

const last = arr[arr.length - 1];
console.log(last); // 👉️ d

如果必须获取数组的倒数第二个元素，则可以2
从数组的长度中减去。

索引.js
const arr = ['a', 'b', 'c', 'd'];

const last = arr[arr.length - 2];
console.log(last); // 👉️ c

尝试在不存在的索引处访问数组元素不会引发错误，它会返回undefined.

索引.js
const arr = [];

const first = arr[0];
console.log(first); // 👉️ undefined

const last = arr[arr.length - 1];
console.log(last); // 👉️ undefined

使用 Array.at() 获取数组的第一个和最后一个元素

您也可以使用该Array.at()方法。

例如，arr.at(0)返回第一个元素并arr.at(-1)返回最后一个数组元素。

索引.js
const arr = ['a', 'b', 'c', 'd'];

const first = arr.at(0);
console.log(first); // 👉️ a

const last = arr.at(-1);
console.log(last); // 👉️ d

我们使用Array.at
方法获取数组中的第一个和最后一个元素。

The Array.at() method takes an integer that represents the index of the value to be returned.

To get the first element, simply pass 0 to the Array.at() method.

index.js
const arr = ['a', 'b', 'c', 'd'];

const first = arr.at(0);
console.log(first); // 👉️ a

The method supports negative integers to count backward. For example, -1
returns the last element in the array and -2 returns the second last element.

index.js
const arr = ['a', 'b', 'c', 'd'];

const last = arr.at(-1);
console.log(last); // 👉️ d

const secondLast = arr.at(-2);
console.log(secondLast); // 👉️ c

We passed a value of -1 to the Array.at() method to get the last element of
the array.

The Array.at() method returns the element at the specified index or
undefined if the index is out of range.

# Additional Resources

You can learn more about the related topics by checking out the following
tutorials: