这篇文章主要介绍了javascript数组合并的常见方法有哪些的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇JavaScript数组合并的常见方法有哪些文章都会有所收获,下面我们一起来看看吧。1.es6 解构[
这篇文章主要介绍了javascript数组合并的常见方法有哪些的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇JavaScript数组合并的常见方法有哪些文章都会有所收获,下面我们一起来看看吧。
[...arr, ...array]
不改原数组值,生成新的数组。
array.forEach(item => { arr.push(item)})
遍历方法:forEach、map、filter、every、for、for in、for of等。
添加方法:push(后追加)、unshift(前追加)等。
arr值改变成追加后的样子,array值不改变
arr.concat(array)
不改原数组值,生成新的数组。
(arr.join(',') + ',' + array.join(',')).split(',')
原数组值不改变。
默认会把数组中的数字类型转成字符串类型。
数组的项是引用类型时会自动生成'[object Object]',造成数据丢失或错误。
arr.push(...array)arr.unshift(...array)
arr变成合并后的样子,array值不变。
arr.splice(arr.length, '', ...array)
原数组值不变,返回空数组。
arr.push.apply(arr, array)arr.unshift.apply(arr, array)
原数组值不改变,返回拼接后数组的长度。
arr.push.call(arr, ...array)arr.unshift.call(arr, ...array)
原数组值不改变,返回拼接后数组的长度。
var ary=["A","B","C","D"];var ary2=[1,2,3,4,5,6,];function aryJoinAry(ary,ary2) { var itemAry=[]; var minLength; //先拿到两个数组中长度较短的那个数组的长度 if(ary.length>ary2.length){ minLength=ary2.length; } else{ minLength=ary.length; } //将两个数组中较长的数组记录下来 var longAry=arguments[0].length>arguments[1].length?arguments[0]:arguments[1]; //循环范围为较短的那个数组的长度 for (var i = 0; i < minLength; i++) { //将数组放入临时数组中 itemAry.push(ary[i]); itemAry.push(ary2[i]) } //itemAry和多余的新数组拼接起来并返回。 return itemAry.concat(longAry.slice(minLength));}console.log(aryJoinAry(ary, ary2));// ["A", 1, "B", 2, "C", 3, "D", 4, 5, 6]
关于“JavaScript数组合并的常见方法有哪些”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“JavaScript数组合并的常见方法有哪些”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注编程网精选频道。
--结束END--
本文标题: JavaScript数组合并的常见方法有哪些
本文链接: https://www.lsjlt.com/news/345667.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-05-02
2024-05-02
2024-05-02
2024-05-02
2024-05-02
2024-05-02
2024-05-02
2024-05-02
2024-05-02
2024-05-02
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0