一直都知道JS數組Array內置對象有一個concat方法,但是也沒怎麽研究過,今天偶然就看了看

concat是連接一個或多個數組

返回的是連接後數組的一個副本

var oldArr=[];

var arr=[[1,2,3],[4,5,6],[7,8,9],[10,11,12]];

var newArr=oldArr.conat(arr);

console.log(newArr);

console.log(oldArr);//[] 沒有改變

於是乎 我又想到把數組的每一項都當成數組與oldArr連接

這就需要apply方法了 將數組變成參數列表傳參

console.log(Array.prototype.concat.apply(Array,arr));

//結果很奇怪

沒有得到想到的結果

箭頭地方是什麽鬼？？？

想了想

Array.prototype.concat.apply(Array,arr);

不就是Array調用了Array.prototype上的concat然後傳入參數arr

把Array 換成Number String 等 不就是 借用Array.prototype上的concat方法罷了

然後把調用者添加到數組的0位置

我感覺就是 arr.unshift(Array);

其他情況的話就會 push 了

看下面的圖就明白了吧

console.log(Array.prototype.concat.apply(Number,arr));

console.log(Array.prototype.concat.apply(String,arr));

console.log(Array.prototype.concat.apply(RegExp,arr));

好像是這麽回事

所以 把aplly裏面的參數改成[]不就好了

console.log(Array.prototype.concat.apply([],arr));

可以簡單點寫[].concat.apply([],arr);

數組不僅可以連接數組 數組還可以連接字符串 數字 對象 等

console.log([].concat({a:2,b:3,c:3}));

他會把對象放在數組裏,這裏就不能說連接了吧 我中有你嘛

console.log([].concat("123"}));

根據這些我總結出了 如果 concat傳入的參數不是數組 就不會遍歷 直接暴力添加到數組項

而參數是數組的話就會遍歷

需要註意的是 千萬不要傻傻的 用String.concat(); Number.concat()等

上面的是用apply方法改變this指向借用的

它本身沒有concat

String.prototype裏面有concat但是實現結果不一樣滴！

只是我個人的理解 希望對大家有幫助

Array,prototype.concat.apply與[].conat.apply.