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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • httprunner(6)配置信息config

    httprunner(6)配置信息config前言每个测试用例都应该有config部分,可以配置用例级别。比如name、base_url、variables、verify、export等等案例演示fromhttprunnerimport

    2022年7月28日
    1
  • springboot的启动_springboot启动加载

    springboot的启动_springboot启动加载总括:@SpringBootApplication包含@Configuration所以启动类是一个xml注解除了有标志作用,还需有复杂类的切面作用可以用@import@Import(EnableAutoConfigurationImportSelector.class)将配置中的类ioc实例化到容器,然后创建上下文,将实例化的bean放入上下文正文说springboot的启动流程当然少不了springboot启动入口类@SpringBootApplicationpub..

    2022年8月20日
    4
  • 常见android手机分辨率

    4:3VGA     640*480 (Video Graphics Array)QVGA  320*240 (Quarter VGA)HVGA  480*320 (Half-size VGA)SVGA  800*600 (Super VGA)5:3WVGA  800*480 (Wide VGA)16:9FWVGA 854*480 (Full Wide VGA)

    2022年3月9日
    36
  • win10 ie兼容性视图_ie11浏览器怎么设置兼容性视图

    win10 ie兼容性视图_ie11浏览器怎么设置兼容性视图查阅了大量资料,暂时没有在edge中设置ie兼容性视图的。不过可以在“程序”中安装IE11方法一:(看这样设置可以吗?若不可以,看方法二安装IE11)方法二:或许以后会出现相关插件的。…

    2022年9月7日
    0
  • android 悬浮窗实现(Android可拖动悬浮窗实现)

    *本篇文章已授权微信公众号guolin_blog(郭霖)独家发布现在很多应用都使用到悬浮窗,例如微信在视频的时候,点击Home键,视频小窗口仍然会在屏幕上显示。这个功能在很多情况下都非常有用。那么今天我们就来实现一下Android悬浮窗,以及探索一下实现悬浮窗时的易错点。

    2022年4月17日
    378
  • ExecuteScalar 返回值

    ExecuteScalar 返回值ExecuteScalar 执行查询,并返回查询所返回的结果集中第一行的第一列。忽略额外的列或行Execute=执行;scalar=数量;so,从字面意思来讲,可将ExecuteScalar和ExecuteNonQuery对比来学习。ExecuteScalar()方法的作用是:执行查询,并返回查询所返回的结果集中第一行的第一列。所有其他的列和行将被忽略。

    2022年6月26日
    39

发表回复

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

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