concat不是es6语法，它是es5时就有的，优点是兼容性高，不需要转译。concat方法用于多个数组的合并，使用语法“原数组对象.concat(新值)”；该方法可接受数组参数，也可接受其他类型的值作为参数。concat方法会将新数组的成员，添加到原数组成员的后部，然后返回一个新数组，原数组不变。
本教程操作环境：windows7系统、ecmascript 6版、dell g3电脑。
concat不是es6语法，它是es5时就有的。
es5 数组方法concat()
concat方法用于多个数组的合并。它将新数组的成员，添加到原数组成员的后部，然后返回一个新数组，原数组不变。
请注意，concat()方法并没有修改当前array，而是返回了一个新的array。['hello'].concat(['world'])// [hello, world]['hello'].concat(['world'], ['!'])// [hello, world, !][].concat({a: 1}, {b: 2})// [{ a: 1 }, { b: 2 }][2].concat({a: 1})// [2, {a: 1}]
除了数组作为参数，concat也接受其他类型的值作为参数，添加到目标数组尾部。
[1, 2, 3].concat(4, 5, 6)// [1, 2, 3, 4, 5, 6]
实际上，concat()方法可以接收任意个元素和array，并且自动把array拆开，然后全部添加到新的array里。即如果要进行concat() 操作的参数是数组，那么添加的是数组中的元素，而不是数组。var arr = ['a', 'b', 'c'];arr.concat(1, 2, [3, 4]); // ['a', 'b', 'c', 1, 2, 3, 4]
注意：concat只会拉平数组参数一次，不会拉平两次
arr.concat([1, [2, 3]]); // [1, 2, 3, 1, [2, 3]]
如果数组成员包括对象，concat方法返回当前数组的一个浅拷贝。所谓“浅拷贝”，指的是新数组拷贝的是对象的引用。var obj = { a: 1 };var oldarray = [obj];var newarray = oldarray.concat();obj.a = 2;newarray[0].a // 2
上面代码中，原数组包含一个对象，concat方法生成的新数组包含这个对象的引用。所以，改变原对象以后，新数组跟着改变。
扩展知识：数组合并的另一种方法
使用es6扩展运算符…合并
const name1 = ['a','b','c']; const name2 = ['d','e','f']; const name = [...name1,...name2] console.log(name);
对比：es6扩展运算符...与es5-concat
concat是es5时就有的，优点是兼容性高，不需要转译
...是es6新出的语法，简化了写法，代码看上去更简洁直观，但实际只是做了封装，底层还是用的原来的方法，如下为babel转译的结果
arr1 = [...arr1, ...arr2]; ↓ 相当于function _toconsumablearray(arr) { if (array.isarray(arr)) { for (var i = 0, arr2 = array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return array.from(arr); }}arr1 = [].concat(_toconsumablearray(arr1), arr2);
【相关推荐：javascript视频教程、编程视频】
以上就是concat是es6语法吗的详细内容。