js的数组拼接「建议收藏」

js的数组拼接「建议收藏」js的数组拼接方法方法一:concat方法拼接(返回一个新数组)vara1=[1,2,3,4,5];vara2=[‘a’,’b’,’c’];varnewa=a1.concat(a2);返回结果:{“0″:1,”1″:2,”2″:3,”3″:4,”4″:5,”5″:”a”,”6″:”b”,”7″:”c”,”length”:8}结果类型:objectconcat方法:用于连接两个或多个数组,生成新数组,concat后面的数组时操作的时候数组的元素,而不是数组方.

大家好,又见面了,我是你们的朋友全栈君。

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/133635.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 金蝶K3-航天信息税控发票开票软件接口程序

    金蝶K3-航天信息税控发票开票软件接口程序##金蝶K3-航天信息税控发票开票软件接口程序用于从航天信息[上海爱信诺航天信息有限公司]税控发票开票软件(金税盘版)文本接口导出TXT文件中提取数据。###开发环境SharpDevelop5.0###调用库NPOI(用于EXCEL文件生成)###背景公司之前使用一个金蝶开发的…

    2022年6月8日
    145
  • Android面试题大全(中高级)

    Android面试题大全(中高级)1.synchronized和lock的区别答:https://blog.csdn.net/u012403290/article/details/64910926?locationNum=11&fps=1还可以去了解什么是可重入锁,公平锁,可中断锁。2.okhttp源码分析答:https://blog.csdn.net/mwq384807683/article…

    2022年5月22日
    24
  • 五大主流数据库模型有哪些_五大主流品牌

    五大主流数据库模型有哪些_五大主流品牌导读:无论是关系型数据库还是非关系型数据库,都是某种数据模型的实现。本文将为大家简要介绍5种常见的数据模型,让我们来追本溯源,窥探现在流行的数据库解决方案背后的神秘世界。什么是数据模型?访问数据库

    2022年8月3日
    7
  • Perl正则表达式 模式匹配[通俗易懂]

    Perl正则表达式 模式匹配[通俗易懂]m运算符与匹配修饰符含义i关闭大小写敏感性m将字符串作为多行处理o只编译模式一次。用于优化搜索流程s嵌入换行符时,将字符串作为单行处理x允许在正则表达式中提供注释,并忽略空白字符g全局匹配,即查找所有具体值。如果用于数组型上下文语境,则会返回一个列表;如果用于标量型上下文语境,则返回真或假s运算符与替换格式:s/ol

    2022年5月10日
    64
  • connectionstrings-sql server 2012[通俗易懂]

    connectionstrings-sql server 2012[通俗易懂]最近发现了超全connectionstrings网站:https://www.connectionstrings.comSQLServer2012connectionstrings.NETFrameworkDataProviderforSQLServerStandardSecurityServer=myServerAddress;Databas…

    2022年5月20日
    36
  • as安装HAXM报错

    as安装HAXM报错解决办法:1.。查看电脑bios中是否开启intelvirtualtechnology2。打开sdkmanager安装intelx86RmulatorAccelerator(HAXM)

    2022年6月28日
    24

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号