使用 ES7 的 Array.prototype.shift() 方法解决从数组中删除第一个元素的问题

在前端开发中，经常需要对数组进行操作。其中，删除数组中的元素是一个常见的需求。传统的方法是使用 Array.prototype.splice() 方法，但是这个方法有一个缺点，即它会改变原数组。如果我们只是想删除第一个元素，而不想改变原数组，该怎么办呢？这时候，ES7 的 Array.prototype.shift() 方法就可以派上用场了。

Array.prototype.shift() 方法的作用

Array.prototype.shift() 方法用于删除数组的第一个元素，并返回该元素的值。如果数组为空，则返回 undefined。

使用 Array.prototype.shift() 方法删除数组中的第一个元素

下面是一个使用 Array.prototype.shift() 方法删除数组中的第一个元素的示例：

const arr = [1, 2, 3, 4, 5];
const firstItem = arr.shift();
console.log(firstItem); // 1
console.log(arr); // [2, 3, 4, 5]

在上面的示例中，我们首先创建了一个包含 5 个元素的数组 arr，然后使用 Array.prototype.shift() 方法删除了数组的第一个元素，并将该元素的值赋给了变量 firstItem。最后，我们打印了 firstItem 的值和删除第一个元素后的数组 arr。

使用 Array.prototype.shift() 方法删除多个元素

除了删除第一个元素，我们还可以使用 Array.prototype.shift() 方法删除多个元素。下面是一个示例：

const arr = [1, 2, 3, 4, 5];
const deletedItems = arr.splice(0, 3);
console.log(deletedItems); // [1, 2, 3]
console.log(arr); // [4, 5]

在上面的示例中，我们使用 Array.prototype.splice() 方法删除了数组的前 3 个元素，并将被删除的元素赋给了变量 deletedItems。最后，我们打印了 deletedItems 的值和删除元素后的数组 arr。

指导意义

使用 ES7 的 Array.prototype.shift() 方法可以方便地删除数组的第一个元素，而不改变原数组。这个方法在处理一些需要保持原数组不变的场景下非常有用。同时，我们还可以结合其他方法，如 Array.prototype.slice() 和 Array.prototype.splice()，实现更多的操作。

总结

在本文中，我们介绍了 ES7 的 Array.prototype.shift() 方法，并给出了使用该方法删除数组中的第一个元素的示例。我们还介绍了如何使用该方法删除多个元素，并探讨了该方法的指导意义。希望本文能够对你有所帮助。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6613ffb8d10417a222467dd4