Array concat()

92 阅读1分钟

Array 对象的 concat() 方法用于合并两个或多个数组。此方法不会更改现有数组,而是返回一个新数组.

var arr1 = ['a', 'b', 'c'];
var arr2 = ['d', 'e', 'f'];

console.log(arr1.concat(arr2));

输出 ["a", "b", "c", "d", "e", "f"]

在 vue 项目中使用出现 concat() 方法无效的情况

this.arr = [1, 2, 3]
console.log(this.arr)    // [1, 2, 3]
this.arr.concat([4, 5])
console.log(this.arr)  // [1, 2, 3]

上面的 concat() 方法无效,查MDN文档发现 concat() 返回一个新数组,如下写法就正常了

this.arr = [1, 2, 3]
console.log(this.arr)    // [1, 2, 3]
this.arr = this.arr.concat([4, 5])
console.log(this.arr)  // [1, 2, 3, 4, 5]