JS数组方法push()、pop()用法实例分析

push()方法

push() 方法将一个或多个元素添加到数组的末尾，并返回新数组的长度。

语法

arr.push(element1[, ...[, elementN]])

参数

• element1[, ...[, elementN]]: 要添加到数组末尾的一个或多个元素。

返回值

• 数组新的长度

示例

const arr = ['apple', 'banana', 'cherry']
const newLength = arr.push('orange')
console.log(arr) // ['apple', 'banana', 'cherry', 'orange']
console.log(newLength) // 4

pop()方法

pop() 方法删除数组的最后一个元素，并返回该元素的值。

语法

arr.pop()

返回值

• 删除的元素的值，如果数组为空，则返回 undefined。

示例

const arr = ['apple', 'banana', 'cherry', 'orange']
const removedElement = arr.pop()
console.log(arr) // ['apple', 'banana', 'cherry']
console.log(removedElement) // 'orange'

应用案例

示例1

本示例演示了如何使用 push() 方法将用户输入的数字添加到数组中。

const numbers = []

while (true) {
  const input = prompt('请输入一个数字：')
  if (input === null) break

  numbers.push(+input)
}

alert(`您输入的数字有 ${numbers.length} 个，分别为 ${numbers.join(', ')}`)

示例2

本示例演示了如何使用 pop() 方法移除数组中的最后一个元素。

const foods = ['apple', 'banana', 'cherry', 'orange', 'grape']
const selectedFoods = []

while (true) {
  const input = prompt(`请选择您喜欢的一种水果：${foods.join(', ')}`)
  if (input === null) break

  const index = foods.indexOf(input)
  if (index === -1) {
    alert('您输入的水果不存在！')
    continue
  }

  selectedFoods.push(foods.splice(index, 1)[0])
  if (foods.length === 0) break
}

alert(`您选择的水果有 ${selectedFoods.join(', ')}，剩下的水果有 ${foods.join(', ')}`)

在这个案例中，我们先用 indexOf() 方法查找用户输入的水果在 foods 数组中的索引，如果找到了就把该水果从 foods 中移除，并将其添加到 selectedFoods 数组中。如果 foods 数组为空了，则退出循环，输出结果。