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可是实现结果不同滴！

只是我我的的理解 但愿对你们有帮助