JavaScript concat() 语法
concat() 是 JavaScript 数组的一个方法，它用于将当前数组与其他值（或数组）进行合并，然后返回一个新数组。
语法：
arr.concat(value1, value2, ..., valueN)说明：
value1、value2、...、valueN 可以是值，也可以是一个数组。
提示:
- concat() 方法不会改变原数组，而是返回一个新数组（即合并后的数组）。
- 字符串也有一个 concat() 方法，另请参阅：JavaScript 字符串 concat() 方法。
JavaScript concat() 摘要
| 属于 | JavaScript Array 对象 |
|---|---|
| 使用频率 | 中 |
| 修改原数组 | 否 |
| 官方文档 | 查看 |
| MDN | 查看 |
JavaScript concat() 示例
接下来，我们通过几个简单的例子来讲解一下 JavaScript concat() 方法是如何使用的。
示例 1：concat() 基本用法
const arr = ["红", "绿"]
const result = arr.concat("蓝", "黄");
console.log(arr);
console.log(result);运行结果如下。
[ '红', '绿' ]
[ '红', '绿', '蓝', '黄' ]分析：
从上面例子可以看出，concat() 方法并不会改变原数组，而是返回一个新数组。
示例 2：concat() 的参数是 “数组”
const arr = ["红", "绿"]
const result = arr.concat(["蓝", "黄"]);
console.log(result);运行结果如下。
[ '红', '绿', '蓝', '黄' ]分析：
arr 是一个一维数组，当 concat() 方法合并是另一个一维数组时，最终返回的结果也是一个一维数组。
示例 3：concat() 的参数是 “嵌套数组”
const arr = ["红", "绿"]
const result = arr.concat(["蓝", ["黄", "橙"]]);
console.log(arr);
console.log(result);运行结果如下。
[ '红', '绿' ]
[ '红', '绿', '蓝', [ '黄', '橙' ] ]示例 4：concat() 连接多个值
const arr = ["红", "绿"]
const result = arr.concat("蓝", ["黄", "橙"]);
console.log(arr);
console.log(result);运行结果如下。
[ '红', '绿' ]
[ '红', '绿', '蓝', '黄', '橙' ]深入了解 concat()
想要将多个数组合并成一个数组，除了 concat() 方法之外，还可以使用 ES6 扩展运算符。
示例 5：ES6 扩展运算符
const arr1 = ["红", "绿"];
const arr2 = ["蓝", "黄"];
const result = [...arr1, ...arr2];
console.log(result);运行结果如下。
[ '红', '绿', '蓝', '黄' ]分析：
在实际开发中，我们更推荐使用 ES6 扩展运算符这种方式，因为它更加简单方便。
