JS数组push详解|极客笔记

JS数组push详解

在JavaScript中，数组是一种用来存储多个值的数据结构。数组中的每个元素都有一个索引，可以通过索引来访问和操作数组中的元素。push()方法是数组的一个常用方法，用于在数组的末尾添加一个或多个元素，并返回新的数组长度。

语法

array.push(element1, ..., elementN)

element1,...,elementN: 要添加到数组末尾的元素。

参数

push()方法可以接受一个或多个参数，每个参数都会被添加到数组的末尾。如果只传入一个参数，则该参数会被当作一个单独的元素添加到数组中。如果传入多个参数，则它们会依次被添加到数组末尾。

返回值

push()方法会返回一个新的数组长度，即添加新元素后数组的长度。

示例

let fruits = ['apple', 'banana'];
let newLength = fruits.push('orange', 'kiwi');
console.log(fruits);  // ['apple', 'banana', 'orange', 'kiwi']
console.log(newLength);  // 4

在上面的示例中，我们首先定义了一个包含两个元素的数组fruits，然后使用push()方法将'orange'和'kiwi'分别添加到数组的末尾。最后打印输出了添加元素后的数组内容和新的数组长度。

使用注意事项

push()方法会修改原数组，因此每次调用push()都会改变原数组的内容。
push()方法可以接受任意类型的参数，包括数组、对象等。
连续多次调用push()方法会导致性能下降，推荐一次性添加多个元素。

应用场景

动态添加元素

let numbers = [1, 2, 3];
numbers.push(4);
console.log(numbers);  // [1, 2, 3, 4]

合并数组

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
Array.prototype.push.apply(arr1, arr2);
console.log(arr1);  // [1, 2, 3, 4, 5, 6]

在循环中添加元素

let evenNumbers = [];
for (let i = 0; i < 10; i++) {
  if (i % 2 === 0) {
    evenNumbers.push(i);
  }
}
console.log(evenNumbers);  // [0, 2, 4, 6, 8]