在前端开发中，经常需要对数组进行操作。其中，删除数组中的元素是一个常见的需求。传统的方法是使用 Array.prototype.splice() 方法，但是这个方法有一个缺点，即它会改变原数组。如果我们只是想删除第一个元素，而不想改变原数组，该怎么办呢？这时候，ES7 的 Array.prototype.shift() 方法就可以派上用场了。
Array.prototype.shift() 方法的作用
Array.prototype.shift() 方法用于删除数组的第一个元素，并返回该元素的值。如果数组为空，则返回 undefined。
使用 Array.prototype.shift() 方法删除数组中的第一个元素
下面是一个使用 Array.prototype.shift() 方法删除数组中的第一个元素的示例：
----- --- - --- -- -- -- --- ----- --------- - ------------ ----------------------- -- - ----------------- -- --- -- -- --
在上面的示例中，我们首先创建了一个包含 5 个元素的数组 arr，然后使用 Array.prototype.shift() 方法删除了数组的第一个元素，并将该元素的值赋给了变量 firstItem。最后，我们打印了 firstItem 的值和删除第一个元素后的数组 arr。
使用 Array.prototype.shift() 方法删除多个元素
除了删除第一个元素，我们还可以使用 Array.prototype.shift() 方法删除多个元素。下面是一个示例：
----- --- - --- -- -- -- --- ----- ------------ - ------------- --- -------------------------- -- --- -- -- ----------------- -- --- --
在上面的示例中，我们使用 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