【js取数组第一个和最后一个】在 JavaScript 中，我们经常需要从数组中获取第一个或最后一个元素。这些操作虽然简单，但在实际开发中非常常见。本文将总结如何通过 JavaScript 获取数组的第一个和最后一个元素，并以表格形式展示不同方法的使用方式与示例。
一、
在 JavaScript 中，数组是常见的数据结构之一，用于存储多个值。当我们需要访问数组中的特定元素时，如第一个或最后一个，可以通过以下几种方式实现：
- 获取第一个元素：可以使用 `array[0]` 或 `array.shift()`（注意 `shift()` 会修改原数组）。
- 获取最后一个元素：可以使用 `array[array.length - 1]` 或 `array.pop()`（同样，`pop()` 也会修改原数组）。
为了保持原数组不变，推荐使用索引方式访问，而不是使用 `shift()` 和 `pop()` 方法。
二、表格展示
| 方法名称 | 功能描述 | 是否修改原数组 | 示例代码 |
| `array[0]` | 获取第一个元素 | 否 | `let first = arr[0];` |
| `array.slice(0, 1)` | 获取第一个元素（返回新数组） | 否 | `let first = arr.slice(0, 1);` |
| `array.shift()` | 获取并移除第一个元素 | 是 | `let first = arr.shift();` |
| `array[arr.length - 1]` | 获取最后一个元素 | 否 | `let last = arr[arr.length - 1];` |
| `array.slice(-1)` | 获取最后一个元素（返回新数组） | 否 | `let last = arr.slice(-1);` |
| `array.pop()` | 获取并移除最后一个元素 | 是 | `let last = arr.pop();` |
三、注意事项
- 如果数组为空，使用上述方法可能会返回 `undefined`，因此在使用前最好进行判断。
- 如果你希望保留原始数组，建议使用索引访问方式，如 `arr[0]` 或 `arr[arr.length - 1]`。
- 使用 `slice()` 可以避免修改原数组，但会返回一个新数组，需要注意处理结果。
通过以上方法，你可以灵活地从 JavaScript 数组中获取第一个和最后一个元素，根据具体需求选择合适的方式。
