var arrA=[1,2,3];
var arrB=[4,5,6];
要实现[1,2,3,4,5,6],如果直接arrA.push(arrB); 则arrB只会作为了arrA的一个元素。执行如图:
要合并或连接,则需要使用concat() 方法。
concat(Array) 方法
concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。
array1.concat([item1[, item2[, . . . [, itemN]]]])
说明
concat 方法返回一个 Array 对象,其中包含了 array1 和提供的任意其他项目的连接。
要加的项目(item1 … itemN)会按照从左到右的顺序添加到数组。如果某一项为数组,那么添加其内容到 array1 的末尾。如果该项目不是数组,就将其作为单个的数组元素添加到数组的末尾。
以下为从源数组复制元素到结果数组:
对于从正被连接到新数组的数组中复制的对象参数,复制后仍然指向相同的对象。不论新数组和源数组中哪一个有改变,都将引起另一个的改变。
对于连接到新数组的数值或字符串,只复制其值。一个数组中值有改变并不影响另一个数组中的值。
这篇文章主要介绍了
JS
合并两个
数组
的3种
方法
详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
需要将两个
数组合并
成为
一个
的情况。比如:
var a = [1,2,3];
var b = [4,5,6];
有两个
数组
a、b,需求是将两个
数组合并
成
一个
。
方法
如下:
1、concat
js
的Array对象提供了
一个
叫concat()
方法
,连接两个或更多的
数组
,并返回结果。
var c = a.concat(b); //c=[1,2,3,4,5,6];
这里有
一个
问题,concat
方法
连接a、b两个
数组
后,a、b两个
数组
的数据不变,同时会返
4、使用 Array.prototype.reduce() 合并: reduce() 函数可以用来构建新
数组
,将多个
数组
元素
添加
到新
数组
中。3、使用 Array.prototype.push.apply() 合并:push.apply()
方法
可以将多个
数组合并
成
一个
新
数组
。1、使用 Array.prototype.concat() 合并:concat()
方法
可以将多个
数组合并
成
一个
新
数组
。2、使用扩展运算符 (...) 合并:扩展运算符可以将多个
数组合并
成
一个
新
数组
。
JavaScript将
一个
数组
插入到另
一个
数组
的
方法
。分享给大家供大家参考。具体分析如下:
1.通过Array.prototype.push.apply
方法
将
一个
数组
插入到另外
一个
数组
,下面的代码将
数组
b插入到a
var a = [2,3,4];
var b = [5,6,7];
Array.prototype.push.apply(a,b);
console.log(a)...
我们想要的效果是:把array2
数组
元素
添加
到array1中,使得array1直接变成下面这个样子:
如何快速实现呢?
可能有小伙伴会想到使用push
方法
,我们来看看push效果是怎么样的:
实际上push
方法
上会将该整个
数组
作为单个元素
添加
,而不是单独
添加
元素,因此最终得到的是
一个
数组
内的
数组
,并不是我们想要的效果😥。估计有小伙伴想到了concat
方法
,concat确实可达到我们想要的效果,但它实际上并不直接附加到现有
数组
array1
数组
,而是创建并返回
一个
新
数组
,我们需要再把这个新.
本文实例讲述了JavaScript使用push
方法
添加
一个
元素到
数组
末尾的用法。分享给大家供大家参考。具体如下:
下面的代码演示了
JS
数组
通过push
方法
添加
一个
元素到
数组
末尾
<!DOCTYPE html>
<p id=demo>
Click the button to add a new element to the array.
<button onclick=myFunction()>Try it</button>
[removed]
var fruits = [Banana,Orange,Apple,Mango];