极客教程JavaScript数组添加数据
在JavaScript中，数组是一种非常常用的数据结构，用于存储一组有序的数据。在实际开发中，我们经常需要向数组中添加新的数据。本文将详细介绍如何使用JavaScript向数组中添加数据。
1. 使用push()方法向数组末尾添加数据
push()方法可以向数组的末尾添加一个或多个元素，并返回新的长度。下面是一个示例代码：
let arr = [1, 2, 3];
arr.push(4);
console.log(arr); // [1, 2, 3, 4]
Output:
2. 使用unshift()方法向数组开头添加数据
unshift()方法可以向数组的开头添加一个或多个元素，并返回新的长度。下面是一个示例代码：
let arr = [2, 3, 4];
arr.unshift(1);
console.log(arr); // [1, 2, 3, 4]
Output:
3. 使用splice()方法向数组指定位置添加数据
splice()方法可以向数组的指定位置添加一个或多个元素，并返回被删除的元素。下面是一个示例代码：
let arr = [1, 2, 4];
arr.splice(2, 0, 3);
console.log(arr); // [1, 2, 3, 4]
Output:
4. 使用concat()方法合并数组
concat()方法可以合并两个或多个数组，并返回一个新数组，而不改变原数组。下面是一个示例代码：
let arr1 = [1, 2];
let arr2 = [3, 4];
let newArr = arr1.concat(arr2);
console.log(newArr); // [1, 2, 3, 4]
Output:
5. 使用扩展运算符(…)添加数据
扩展运算符(…)可以将一个数组转为用逗号分隔的参数序列。下面是一个示例代码：
let arr1 = [1, 2];
let arr2 = [3, 4];
let newArr = [...arr1, ...arr2];
console.log(newArr); // [1, 2, 3, 4]
Output:
6. 使用Array.from()方法添加数据
Array.from()方法可以将类数组对象或可迭代对象转换为一个真正的数组。下面是一个示例代码：
let str = 'geek-docs.com';
let arr = Array.from(str);
console.log(arr); // ['g', 'e', 'e', 'k', '-', 'd', 'o', 'c', 's', '.', 'c', 'o', 'm']
Output:
7. 使用Array.prototype.push.apply()方法添加数据
Array.prototype.push.apply()方法可以将一个数组添加到另一个数组中。下面是一个示例代码：
let arr1 = [1, 2];
let arr2 = [3, 4];
Array.prototype.push.apply(arr1, arr2);
console.log(arr1); // [1, 2, 3, 4]
Output:
8. 使用Array.prototype.splice.apply()方法添加数据
Array.prototype.splice.apply()方法可以将一个数组插入到另一个数组的指定位置。下面是一个示例代码：
let arr1 = [1, 2, 5, 6];
let arr2 = [3, 4];
Array.prototype.splice.apply(arr1, [2, 0].concat(arr2));
console.log(arr1); // [1, 2, 3, 4, 5, 6]
Output:
9. 使用Array.prototype.unshift.apply()方法添加数据
Array.prototype.unshift.apply()方法可以将一个数组添加到另一个数组的开头。下面是一个示例代码：
let arr1 = [3, 4];
let arr2 = [1, 2];
Array.prototype.unshift.apply(arr1, arr2);
console.log(arr1); // [1, 2, 3, 4]
Output:
10. 使用Array.prototype.concat()方法添加数据
Array.prototype.concat()方法可以将多个数组合并为一个新数组。下面是一个示例代码：
let arr1 = [1, 2];
let arr2 = [3, 4];
let newArr = Array.prototype.concat.call(arr1, arr2);
console.log(newArr); // [1, 2, 3, 4]
Output:
11. 使用Array.prototype.push()方法添加多个数据
Array.prototype.push()方法可以一次性向数组中添加多个元素。下面是一个示例代码：
let arr = [1, 2];
arr.push(3, 4);
console.log(arr); // [1, 2, 3, 4]
Output:
12. 使用Array.prototype.splice()方法添加多个数据
Array.prototype.splice()方法可以一次性向数组中添加多个元素。下面是一个示例代码：
let arr = [1, 2, 5, 6];
arr.splice(2, 0, 3, 4);
console.log(arr); // [1, 2, 3, 4, 5, 6]
Output:
13. 使用Array.prototype.unshift()方法添加多个数据
Array.prototype.unshift()方法可以一次性向数组开头添加多个元素。下面是一个示例代码：
let arr = [3, 4];
arr.unshift(1, 2);
console.log(arr); // [1, 2, 3, 4]
Output:
14. 使用Array.prototype.concat()方法添加多个数据
Array.prototype.concat()方法可以一次性合并多个数组。下面是一个示例代码：
let arr1 = [1, 2];
let arr2 = [3, 4];
let arr3 = [5, 6];
let newArr = arr1.concat(arr2, arr3);
console.log(newArr); // [1, 2, 3, 4, 5, 6]
Output:
15. 使用Array.prototype.push()方法添加数组
Array.prototype.push()方法可以将一个数组作为一个元素添加到另一个数组中。下面是一个示例代码：
let arr1 = [1, 2];
let arr2 = [3, 4];
arr1.push(arr2);
console.log(arr1); // [1, 2, [3, 4]]
Output:
16. 使用Array.prototype.splice()方法添加数组
Array.prototype.splice()方法可以将一个数组作为一个元素插入到另一个数组的指定位置。下面是一个示例代码：
let arr1 = [1, 2, 5, 6];
let arr2 = [3, 4];
arr1.splice(2, 0, arr2);
console.log(arr1); // [1, 2, [3, 4], 5, 6]
Output:
17. 使用Array.prototype.unshift()方法添加数组
Array.prototype.unshift()方法可以将一个数组作为一个元素添加到另一个数组的开头。下面是一个示例代码：
let arr1 = [3, 4];
let arr2 = [1, 2];
arr1.unshift(arr2);
console.log(arr1); // [[1, 2], 3, 4]
Output:
18. 使用Array.prototype.concat()方法添加数组
Array.prototype.concat()方法可以将一个数组作为一个元素合并到另一个数组中。下面是一个示例代码：
let arr1 = [1, 2];
let arr2 = [3, 4];
let arr3 = [5, 6];
let newArr = arr1.concat([arr2, arr3]);
console.log(newArr); // [1, 2, [3, 4], [5, 6]]
Output:
19. 使用ES6的展开运算符添加数组
ES6的展开运算符可以将一个数组展开为逗号分隔的参数序列。下面是一个示例代码：
let arr1 = [1, 2];
let arr2 = [3, 4];
let newArr = [...arr1, ...arr2];
console.log(newArr); // [1, 2, 3, 4]
Output:
20. 使用ES6的展开运算符添加数组到指定位置
ES6的展开运算符可以将一个数组展开为逗号分隔的参数序列，从而将数组插入到另一个数组的指定位置。下面是一个示例代码：
let arr1 = [1, 2, 5, 6];
let arr2 = [3, 4];
arr1.splice(2, 0, ...arr2);
console.log(arr1); // [1, 2, 3, 4, 5, 6]
Output:
以上就是使用JavaScript向数组添加数据的方法和示例代码。