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

 

 

 一直都知道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但是實現結果不一樣滴！

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