【js取数组第一个和最后一个】在JavaScript中，我们经常需要从数组中获取第一个或最后一个元素。这在处理数据时非常常见，尤其在处理列表、队列等结构时。本文将总结如何在JavaScript中快速获取数组的第一个和最后一个元素，并以表格形式展示不同方法的使用方式。
一、
在JavaScript中，数组是常用的存储结构，获取其第一个和最后一个元素是最基础的操作之一。通常有以下几种方式：
- 直接索引访问：利用数组的索引特性，通过 `arr[0]` 获取第一个元素，通过 `arr[arr.length - 1]` 获取最后一个元素。
- 结合数组方法：如 `slice()`、`pop()`、`shift()` 等，虽然功能更复杂，但也可以用于获取首尾元素。
- 解构赋值：ES6语法中，可以使用解构来提取数组中的第一个和最后一个元素。
这些方法各有优劣，适用于不同的使用场景。下面我们将用表格的形式对它们进行对比。
二、表格展示
| 方法 | 获取第一个元素 | 获取最后一个元素 | 是否改变原数组 | 适用场景 |
| 直接索引 | `arr[0]` | `arr[arr.length - 1]` | 否 | 快速、简单、常用 |
| slice() | `arr.slice(0, 1)[0]` | `arr.slice(-1)[0]` | 否 | 需要提取子数组时 |
| shift() | `arr.shift()` | —— | 是 | 需要移除第一个元素时 |
| pop() | —— | `arr.pop()` | 是 | 需要移除最后一个元素时 |
| 解构赋值 | `[first, ...rest] = arr; first` | `last = arr[arr.length - 1]` | 否 | ES6风格，简洁清晰 |
三、示例代码
```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)[0]; // 10
const lastSlice = arr.slice(-1)[0]; // 50
// shift() 和 pop()
const firstShift = arr.shift(); // 10（原数组变为 [20, 30, 40, 50]）
const lastPop = arr.pop();// 50（原数组变为 [20, 30, 40]）
// 解构赋值
const [firstDes, ...rest] = arr;
const lastDes = arr[arr.length - 1];
```
四、总结
在实际开发中，根据需求选择合适的方法非常重要。如果只是读取，推荐使用直接索引或解构赋值；如果需要修改数组内容，则可以选择 `shift()` 或 `pop()`。了解每种方法的特点，有助于编写出更高效、可维护的代码。