1. 前言
在开发过程中，你可能会遇到需要在 JavaScript 中截断数组的情况。截断数组可以去除数组中的不必要的元素，从而减少数组的长度。本文将介绍如何在 JavaScript 中截断数组，并提供了几种实现方法。
2. slice()方法
slice()方法是数组对象的一种原生方法，可以从一个数组中截取出指定位置范围内的元素，返回一个新的数组。为了截断数组，可以使用该方法，并将指定位置范围设为从0开始到需要截断的位置。
2.1 slice()方法的语法
array.slice(begin, end)
参数说明：
begin：可选。从何处开始截断数组。如果省略，则默认从0开始。
end：可选。截断到何处。如果省略，则默认截断到数组的最后一个元素。
2.2 使用slice()截断数组
下面的示例展示了如何使用slice()方法截断数组。在此示例中，我们有一个长度为5的数组。
let arr = [1, 2, 3, 4, 5];
现在我们想要将数组截断为一个长度为3的数组。
let newArr = arr.slice(0, 3);
console.log(newArr); // [1, 2, 3]
上述代码中，slice(0, 3)指定从索引0开始，截断到索引3，但不包括索引3，因此最终的数组长度为3。
3. splice()方法
splice()方法是数组对象的另一种原生方法，它可以用于添加/删除数组中的元素。要从数组中删除元素，可以使用该方法，并提供需要删除的元素的起始位置和删除的元素数量。在本例中，我们需要删除起始位置到数组末尾的元素。
3.1 splice()方法的语法
array.splice(startIndex, deleteCount, item1, item2, ... , itemX)
参数说明：
startIndex：必填。从何处开始删除数组元素（起始索引），必须是数字类型。
deleteCount：必填。需要删除的元素数量，必须是数字类型。
item1, item2, ... , itemX：可选。添加到数组中的元素。如果不提供这些值，则仅进行删除操作。
3.2 使用splice()截断数组
下面的示例展示了如何使用splice()方法从数组中删除元素。
let arr = [1, 2, 3, 4, 5];
arr.splice(3, arr.length - 1);
console.log(arr); // [1, 2, 3]
在上述示例中，arr.splice(3, arr.length - 1)指定从索引3开始删除数组元素，删除的元素数量为数组长度（arr.length）减1，即删除从起始位置到数组末尾的元素。最终，我们得到一个长度为3的数组。
4. pop()方法
pop()方法是数组对象的原生方法之一，可以从数组末尾删除一个元素，并返回该元素。如果要截断数组，可以使用pop()方法多次，直到得到所需长度的数组。
4.1 pop()方法的语法
array.pop()
参数说明：
无参数。
4.2 使用pop()方法截断数组
下面的示例展示了如何使用pop()方法从数组末尾删除元素。
let arr = [1, 2, 3, 4, 5];
while (arr.length > 3) {
arr.pop();
}
console.log(arr); // [1, 2, 3]
在上述示例中，我们使用一个while循环，不断地使用pop()方法删除数组末尾的元素，直到数组长度为3。最终得到的数组长度为3，即我们要求的截断后的数组。
5. 总结
截断数组是一个常见的需求，在JavaScript中完成该操作的方式有很多。上面介绍了三种方法：slice()方法、splice()方法和pop()方法。这些方法各有优缺点，需要结合实际需求进行选择。使用这些方法，可以轻松地截断数组中的元素，从而使其保持所需的长度。