探索数组方法的奥秘：改变自身值的九种方法【上篇】

2023-10-01 00:43:53

JavaScript 数组原型：四种改变自身值的方法

在 JavaScript 中，数组原型提供了一个强大的方法集合，用于操作和管理数组。这些方法可分为三类：改变自身值、不改变自身值和遍历方法。

改变自身值的方法

本文将重点探讨改变自身值的四种常见方法：pop()、push()、reverse() 和 shift()。

pop()：弹出最后一个元素

pop() 方法从数组末尾移除并返回最后一个元素。它经常用于弹出队列或堆栈中的元素。

const fruits = ["apple", "banana", "orange", "grape"];

const lastFruit = fruits.pop();

console.log(fruits); // ["apple", "banana", "orange"]
console.log(lastFruit); // "grape"

push()：压入一个或多个元素

push() 方法在数组末尾添加一个或多个元素。它类似于 JavaScript 的原生 for 循环，用于在现有数组上追加元素。

const fruits = ["apple", "banana", "orange"];

fruits.push("grape", "mango");

console.log(fruits); // ["apple", "banana", "orange", "grape", "mango"]

reverse()：反转元素顺序

reverse() 方法颠倒数组中元素的顺序，直接修改原数组。这对于反向遍历数组或准备输出等情况非常有用。

const fruits = ["apple", "banana", "orange"];

fruits.reverse();

console.log(fruits); // ["orange", "banana", "apple"]

shift()：弹出第一个元素

shift() 方法从数组开头移除并返回第一个元素。它通常用于弹出队列或优先队列中的元素。

const fruits = ["apple", "banana", "orange"];

const firstFruit = fruits.shift();

console.log(fruits); // ["banana", "orange"]
console.log(firstFruit); // "apple"

常见问题解答

1. 这些方法是否改变原数组？

是的，pop()、push()、reverse() 和 shift() 方法都会直接修改原数组。

2. 什么是可变数组和不可变数组？

可变数组是可以改变其元素和长度的数组，而不可变数组则不能。JavaScript 数组是可变数组。

3. 什么时候使用这些方法？

这些方法用于各种情况，例如：