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可是實現結果不同滴！

只是我我的的理解 但願對你們有幫助