大家好,又见面了,我是你们的朋友全栈君。
js的数组拼接方法
方法一:concat方法拼接(返回一个新数组)
var a1 = [1,2,3,4,5];
var a2 = [‘a’,’b’,’c’];
var newa = a1.concat(a2);
结果类型:object
concat方法:用于连接两个或多个数组,生成新数组,concat后面的数组时操作的时候数组的元素,而不是数组
方法二:join方法拼接(返回一个新数组)
var a1 = [1,2,3,4,5];
var a2 = [‘a’,’b’,’c’];
var newa = a1.join()+’,’+a2.join();
返回结果:1,2,3,4,5,a,b,c
结果类型:string
join方法:把数组的所有元素放入一个字符串,然后把这些字符串连接起来,在两个元素之间插入 separator 字符串而生成的。separator 在join()不添加分割符时是逗号(‘,’),在join(‘.’)添加分割符时用提供的符号分割。
方法三:结合apply或者call使用
var a1 = [1,2,3,4,5];
var a2 = [‘a’,’b’,’c’];
a1.push.apply(a1,a2);
结果类型:object
apply方法:编写用于不同对象的方法,将a1的push方法用在a1上,接收a2(数组类型)参数
var a1 = [1,2,3,4,5];
var a2 = [‘a’,’b’,’c’];
a1.push.call(a1,…a2);
结果类型:object
call方法:调用一个对象的一个方法,以另一个对象替换当前对象,对象的参数为参数序列
说明:
call([thisObj[,arg1[, arg2[, [,.argN]]]]])
参数
1)thisObj 可选项。将被用作当前对象的对象。
2)arg1, arg2, , argN 可选项。将被传递方法参数序列。
方法四:es6的扩展运算符
var a1 = [1,2,3,4,5];
var a2 = [‘a’,’b’,’c’];
a1.push(…a2)
结果类型:object
扩展运算符:好比rest参数的逆运算,将一个数组转化为逗号分割的参数序列,主要用于函数调用。
方法五:遍历数组
var a1 = [1,2,3,4,5];
var a2 = [‘a’,’b’,’c’];
a2.forEach((item) => {a1.push(item); })
结果类型:object
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/133635.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...