javascript数组如何移除第一个元素-js教程-PHP中文网

javascript数组如何移除第一个元素

小老鼠

发布： 2025-08-24 14:11:01

原创

619人浏览过

要移除 javascript 数组的第一个元素，最常用的方法是使用 shift() 方法，它会直接修改原数组并返回被移除的元素；1. 使用 shift() 是最直接的方式，如 let firstelement = myarray.shift()，执行后原数组变为 [2, 3, 4, 5]，firstelement 为 1；2. splice(0, 1) 也可实现，但返回的是包含被删除元素的数组，如 removedelements = [1]；3. 若不想修改原数组，可用 slice(1) 创建新数组，如 newarray = [2, 3, 4, 5]，原数组保持不变；4. 对空数组调用 shift() 会返回 undefined 且不改变数组；5. shift() 的返回值可直接用于后续逻辑处理，如条件判断或输出提示；尽管 shift() 在大数组中因元素重索引可能存在性能问题，但在现代引擎中通常可忽略，除非极端场景才需考虑替代方案。

javascript数组如何移除第一个元素

要移除 JavaScript 数组的第一个元素，最常用的方法是使用

shift()

登录后复制

方法。它会修改原数组，并返回被移除的元素。当然，你也可以用

splice()

登录后复制

，但

shift()

登录后复制

通常更直接。

解决方案：

使用

shift()

登录后复制

方法：

立即学习“Java免费学习笔记（深入）”；

let myArray = [1, 2, 3, 4, 5];
let firstElement = myArray.shift();

console.log(myArray); // 输出: [2, 3, 4, 5]
console.log(firstElement); // 输出: 1

登录后复制

shift()

登录后复制

方法的性能考量：它真的慢吗？

很多人说

shift()

登录后复制

方法在处理大型数组时性能很差，因为所有后续元素都需要重新索引。这在理论上是正确的。但实际上，在现代 JavaScript 引擎中，这种性能差异通常可以忽略不计，除非你真的在进行极端密集的数组操作。

如果你真的非常在意性能，并且数组非常大，可以考虑使用反向循环或者使用链表之类的数据结构。但是，对于大多数应用场景，

shift()

登录后复制

已经足够好了。不要过早优化！

splice()

登录后复制

方法移除第一个元素：另一种选择

虽然

shift()

登录后复制

是首选，但

splice()

登录后复制

也能完成任务。它的优点是可以移除任意位置的元素，而不仅仅是第一个。

腾讯元宝

腾讯混元平台推出的AI助手

223

查看详情

let myArray = [1, 2, 3, 4, 5];
let removedElements = myArray.splice(0, 1); // 从索引 0 开始，移除 1 个元素

console.log(myArray); // 输出: [2, 3, 4, 5]
console.log(removedElements); // 输出: [1]

登录后复制

splice()

登录后复制

的第一个参数是起始索引，第二个参数是要删除的元素数量。

splice()

登录后复制

返回的是一个包含被删除元素的数组。

如何避免修改原数组？创建一个新的数组

有时候，我们不想修改原数组，而是创建一个新的数组，其中不包含第一个元素。

slice()

登录后复制

方法可以做到这一点。

let myArray = [1, 2, 3, 4, 5];
let newArray = myArray.slice(1); // 从索引 1 开始，复制到数组末尾

console.log(myArray); // 输出: [1, 2, 3, 4, 5] (原数组未被修改)
console.log(newArray); // 输出: [2, 3, 4, 5]

登录后复制

slice()

登录后复制

方法不会修改原数组，而是返回一个新的数组。

slice(1)

登录后复制

表示从索引 1 开始（包括索引 1 的元素）复制到数组的末尾。

空数组使用

shift()

登录后复制

会发生什么？

如果对一个空数组使用

shift()

登录后复制

方法，会发生什么呢？很简单，它会返回

undefined

登录后复制

，并且数组仍然是空的。

let myArray = [];
let firstElement = myArray.shift();

console.log(myArray); // 输出: []
console.log(firstElement); // 输出: undefined

登录后复制

所以，在使用

shift()

登录后复制

之前，最好先检查数组是否为空，以避免不必要的错误。当然，在大多数情况下，这并不是一个大问题，因为 JavaScript 会自动处理

undefined

登录后复制

值。

移除数组第一个元素后如何处理返回值？

shift()

登录后复制

方法返回的是被移除的元素。你可以根据需要使用这个返回值。例如，你可以把它存储在一个变量中，或者直接使用它进行一些操作。

let myArray = ['apple', 'banana', 'orange'];
let firstFruit = myArray.shift();

console.log(`Removed fruit: ${firstFruit}`); // 输出: Removed fruit: apple

if (firstFruit === 'apple') {
  console.log('The first fruit was an apple!');
}

登录后复制

这取决于你的具体需求。