js往数组里添加数据|极客笔记

js往数组里添加数据

JavaScript是一种广泛应用于web开发中的脚本语言，它具有简洁的语法和强大的功能，在操作数据时非常方便。其中，将数据添加到数组中是JavaScript中常见的操作之一。本文将详细介绍如何使用JavaScript往数组里添加数据。

直接赋值添加数据

在JavaScript中，可以直接通过赋值的方式向数组中添加数据。例如，可以直接将值赋给数组的某个索引位置，或者使用push方法将数据添加到数组的末尾。

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

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

以上代码演示了使用直接赋值和push方法向数组中添加数据的方式。通过直接赋值的方式可以指定数据要添加的位置，而push方法则是将数据添加到数组的末尾。

使用`concat`方法合并数组

除了直接赋值和push方法外，还可以使用数组的concat方法来将多个数组合并为一个数组。

let arr1 = [1, 2];
let arr2 = [3, 4];
let mergedArr = arr1.concat(arr2);
console.log(mergedArr); // [1, 2, 3, 4]

在上面的代码中，使用concat方法将arr1和arr2合并为一个新的数组mergedArr。

使用展开运算符`...`添加数据

ES6引入了展开运算符...，可以非常方便地向数组中添加数据。通过展开运算符可以将多个元素展开并添加到数组中。

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

在这个示例中，展开运算符...arr将数组arr中的元素展开，然后再加上3和4，最终形成一个新的数组newArr。

使用`unshift`方法在数组头部添加数据

除了push方法可以在数组尾部添加数据外，还可以使用unshift方法在数组头部添加数据。

let arr = [2, 3];
arr.unshift(1);
console.log(arr); // [1, 2, 3]

在上述代码中，unshift方法将1添加到了数组arr的头部。

结语

本文详细介绍了多种往JavaScript数组里添加数据的方法，包括直接赋值、push方法、concat方法、展开运算符...以及unshift方法。在实际开发中，根据不同的情况可以选择合适的方法来操作数组，使得代码更加简洁高效。

js往数组里添加数据