神秘大揭秘：js中追加数据到数组的几种神奇方法

2023-06-20 01:21:35

JavaScript 数组追加元素的终极指南

在 JavaScript 中，数组是强大的数据结构，用于存储有序的数据集合。作为开发人员，经常需要向数组中添加元素。为此，JavaScript 提供了多种追加方法，简化了数组操作。

splice 方法：精确定位，精准添加

splice 方法是 JavaScript 数组中一个灵活的方法，允许你在数组的任何位置添加或删除元素。其语法如下：

splice(start, deleteCount, ...items)

start：指定要添加或删除元素的起始位置。
deleteCount：指定要删除的元素数量。
items：指定要添加到数组的元素。

示例代码：

// 在数组中间添加元素
const arr = [1, 2, 3];
arr.splice(1, 0, 4);
console.log(arr); // [1, 4, 2, 3]

// 在数组末尾添加元素
arr.splice(arr.length, 0, 5);
console.log(arr); // [1, 4, 2, 3, 5]

// 在数组开头添加元素
arr.splice(0, 0, 0);
console.log(arr); // [0, 1, 4, 2, 3, 5]

push 方法：简单粗暴，一劳永逸

push 方法是 JavaScript 数组中最简单的方法之一，它将一个或多个元素添加到数组的末尾。其语法如下：

push(...items)

items：指定要添加到数组的元素。

示例代码：

// 在数组末尾添加元素
const arr = [1, 2, 3];
arr.push(4);
console.log(arr); // [1, 2, 3, 4]

arr.push(5, 6);
console.log(arr); // [1, 2, 3, 4, 5, 6]

unshift 方法：反向操作，别有洞天

unshift 方法与 push 方法相反，它将一个或多个元素添加到数组的开头。其语法如下：

unshift(...items)

items：指定要添加到数组的元素。

示例代码：

// 在数组开头添加元素
const arr = [1, 2, 3];
arr.unshift(0);
console.log(arr); // [0, 1, 2, 3]

arr.unshift(-1, -2);
console.log(arr); // [-1, -2, 0, 1, 2, 3]

concat 方法：数组合并，强强联手

concat 方法可以将两个或多个数组合并成一个新的数组，并返回合并后的数组。其语法如下：

concat(...items)

items：指定要合并的数组或元素。

示例代码：

// 合并两个数组
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const arr3 = arr1.concat(arr2);
console.log(arr3); // [1, 2, 3, 4, 5, 6]

// 合并数组和元素
const arr4 = arr3.concat(7, 8);
console.log(arr4); // [1, 2, 3, 4, 5, 6, 7, 8]