JavaScript数组合并的8种常见方法小结

以下是对“JavaScript数组合并的8种常见方法小结”的完整攻略：

1. concat()方法

• 定义：concat()方法用于连接两个或多个数组。该方法并不会改变原数组，而是返回一个新的数组，包含所有被连接的数组的元素。
• 语法：arr.concat(array1, array2, ..., arrayX)
• 示例：

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const newArr = arr1.concat(arr2);
console.log(newArr); // [1, 2, 3, 4, 5, 6]

2. push()方法

• 定义：push()方法用于向数组末尾添加一个或多个元素，并返回新的数组长度。
• 语法：arr.push(element1, ..., elementX)
• 示例：

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

3. unshift()方法

• 定义：unshift()方法用于向数组开头添加一个或多个元素，并返回新的数组长度。
• 语法：arr.unshift(element1, ..., elementX)
• 示例：

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
arr2.unshift(...arr1);
console.log(arr2); // [1, 2, 3, 4, 5, 6]

4. splice()方法

• 定义：splice()方法用于向数组指定位置插入一个或多个元素，并可以删除元素，并返回被删除的元素（如果有）。
• 语法：array.splice(index, howMany, element1, ..., elementX)
• 示例：

const arr = [1, 2, 3, 4, 5];
arr.splice(2, 0, ...[6, 7, 8]);
console.log(arr); // [1, 2, 6, 7, 8, 3, 4, 5]

5. slice()方法

• 定义：slice()方法可以将一个数组的某个部分复制到一个新数组中，不会修改原数组。
• 语法：array.slice(start, end)
• 示例：

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const newArr = arr1.slice().concat(arr2);
console.log(newArr); // [1, 2, 3, 4, 5, 6]

6. ES6扩展运算符

• 定义：ES6的扩展运算符可以用于展开数组，将一个数组转换为一个序列，方便在其他地方使用。
• 语法：[...a, ...b]
• 示例：

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const newArr = [...arr1, ...arr2];
console.log(newArr); // [1, 2, 3, 4, 5, 6]

7. for循环

• 定义：使用for循环遍历数组，并将数组元素放入新的数组中。
• 语法：for(let i = 0; i < arr.length; i++) { newArr.push(arr[i]) }
• 示例：

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const newArr = [];
for(let i = 0; i < arr1.length; i++) {
  newArr.push(arr1[i]);
}
for(let i = 0; i < arr2.length; i++) {
  newArr.push(arr2[i]);
}
console.log(newArr); // [1, 2, 3, 4, 5, 6]

8. reduce()方法

• 定义：reduce()方法用于将数组中的元素通过一个函数（callback）进行累加或组合成一个值。并将返回的值存储在累加器（accumulator）变量中。
• 语法：arr.reduce(callback, initialValue)
• 示例：

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const newArr = arr1.reduce((accumulator, currentValue) => accumulator.concat(currentValue), arr2);
console.log(newArr); // [4, 5, 6, 1, 2, 3]

以上就是"JavaScript数组合并的8种常见方法小结"的完整攻略，每种方法的定义和语法都有详细讲解，并且也包含了相关的示例来帮助你更好的理解。