在前端开发中，我们通常需要将两个 JSON 或 JavaScript 数组合并为一个数组，以便于处理和展示数据。本文将介绍如何使用 JavaScript 实现这一操作，并提供深入的学习和指导意义。
方法一：concat() 方法
JavaScript 提供了一个 concat() 方法，可以用于将多个数组合并为一个数组。
const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; const newArr = arr1.concat(arr2); console.log(newArr); // [1, 2, 3, 4, 5, 6]
上述代码中，我们先定义了两个数组 arr1 和 arr2，然后使用 concat() 方法将它们合并为 newArr 数组。最后使用 console.log() 方法输出合并后的数组。
这种方法非常简单且易于理解。但是，如果需要合并多个数组，则需要多次调用 concat() 方法，会显得比较冗长。
方法二：展开运算符
ES6 引入了展开运算符（spread operator），可以用于将数组展开成一个新数组。
const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; const newArr = [...arr1, ...arr2]; console.log(newArr); // [1, 2, 3, 4, 5, 6]
上述代码中，我们使用展开运算符将 arr1 和 arr2 数组展开成一个新数组 newArr。最后使用 console.log() 方法输出合并后的数组。
这种方法简洁明了，且可以一次合并多个数组。
方法三：push() 方法
JavaScript 中的 push() 方法可以向数组末尾添加新元素。我们可以遍历第二个数组，然后使用 push() 方法将其添加到第一个数组末尾。
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
for(let i=0; i<arr2.length; i++) {
arr1.push(arr2[i]);
}
console.log(arr1); // [1, 2, 3, 4, 5, 6]上述代码中，我们先定义了两个数组 arr1 和 arr2。然后使用 for 循环遍历 arr2 数组，将其中的每个元素使用 push() 方法添加到 arr1 数组的末尾。最后使用 console.log() 方法输出合并后的数组。
这种方法虽然比较麻烦，但是可以灵活应用于不同的场景。
总结
本文介绍了三种将两个 JSON 或 JavaScript 数组合并为一个数组的方法，分别是 concat() 方法、展开运算符和 push() 方法。这些方法各有优劣，可以根据具体需求选择使用。在实际开发中，我们通常会遇到更加复杂的数据处理需求，需要灵活运用各种技巧和方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/13493