在 JavaScript 中，经常需要从数组中获取第一个或最后一个元素。这在处理数据时非常常见，尤其是在遍历、筛选或操作数组内容时。下面是一些常见的方法总结，并以表格形式展示。 一、获取数组的第一个元素 | 方法 | 描述 | 示例代码 | | `array[0]` | 直接通过索引访问 | `let first = arr[0];` | | `array.shift()` | 移除并返回第一个元素（会修改原数组） | `let first = arr.shift();` | | `array.at(0)` | 使用 `at()` 方法访问第一个元素 | `let first = arr.at(0);` |
> 注意：`shift()` 会改变原数组，而 `array[0]` 和 `array.at(0)` 不会改变原数组。 二、获取数组的最后一个元素 | 方法 | 描述 | 示例代码 | | `array[array.length - 1]` | 通过长度减一得到最后一个索引 | `let last = arr[arr.length - 1];` | | `array.slice(-1)[0]` | 使用 `slice` 截取最后一个元素 | `let last = arr.slice(-1)[0];` | | `array.at(-1)` | 使用 `at()` 方法直接获取最后一个元素 | `let last = arr.at(-1);` |
> `slice(-1)` 返回的是一个包含最后一个元素的新数组，因此需要 `[0]` 来获取实际值。 三、总结对比 | 需求 | 获取第一个元素 | 获取最后一个元素 | | 不改变原数组 | ✅ `arr[0]`
✅ `arr.at(0)` | ✅ `arr[arr.length - 1]`
✅ `arr.at(-1)` | | 可能改变原数组 | ✅ `arr.shift()` | ❌（无直接方法） | | 语法简洁性 | ✅ `arr[0]` | ✅ `arr.at(-1)` |
四、注意事项 - 如果数组为空，使用 `arr[0]` 或 `arr.at(-1)` 会返回 `undefined`。 - 在处理动态数组时，建议先判断数组是否为空，避免出错。 - `at()` 是较新的方法，兼容性良好，适用于现代浏览器。 通过以上方法，你可以灵活地在 JavaScript 中获取数组的第一个和最后一个元素。根据具体需求选择合适的方法，可以提高代码的可读性和效率。 |