在线词典

js取数组第一个和最后一个

更新日期:2026-11-12 05:25:52

标题js取数组第一个和最后一个
内容

在JavaScript中,我们经常需要从数组中提取特定位置的元素,比如第一个元素和最后一个元素。这些操作虽然简单,但在实际开发中非常常见。以下是对如何获取数组第一个和最后一个元素的总结。

一、

在JavaScript中,数组是一种常用的集合类型,用于存储多个值。要获取数组的第一个和最后一个元素,可以使用数组的索引方式或内置方法来实现。

- 第一个元素:可以通过 `array[0]` 获取。

- 最后一个元素:可以通过 `array[array.length - 1]` 获取。

此外,还可以使用 `slice()` 方法来提取第一个和最后一个元素,但这种方式不如直接访问索引高效。

需要注意的是,如果数组为空(即长度为0),直接访问索引可能会返回 `undefined`,因此在使用前应先判断数组是否为空。

二、表格展示

操作方式 语法示例 说明
直接访问第一个元素 `arr[0]` 最简单、最常用的方式
直接访问最后一个元素 `arr[arr.length - 1]` 通过长度减一得到最后一个索引
使用 slice 方法 `arr.slice(0, 1)` 取出第一个元素
`arr.slice(-1)` 取出最后一个元素
判断数组非空 `if (arr.length > 0)` 避免访问空数组时出错

三、示例代码

```javascript

const arr = [10, 20, 30, 40, 50];

// 获取第一个元素

const first = arr[0]; // 10

// 获取最后一个元素

const last = arr[arr.length - 1]; // 50

// 使用 slice 获取第一个元素

const firstSlice = arr.slice(0, 1); // [10

// 使用 slice 获取最后一个元素

const lastSlice = arr.slice(-1); // [50

// 判断数组非空

if (arr.length > 0) {

console.log('第一个元素是:', arr[0]);

console.log('最后一个元素是:', arr[arr.length - 1]);

}

```

四、注意事项

- 数组索引从0开始,所以第一个元素是索引0。

- `slice(-1)` 是一种简洁的方法,适用于快速获取最后一个元素。

- 在处理动态数据时,建议先检查数组是否为空,避免运行时错误。

通过以上方法,你可以轻松地在JavaScript中获取数组的第一个和最后一个元素。

随便看