这里有一个问题,concat方法连接a、b两个数组后,a、b两个数组的数据不变,同时会返回一个新的数组。这样当我们需要进行多次的数组合并时,会造成很大的内存浪费,所以这个方法肯定不是最好的。

2、for循环

大概的思路是:遍历其中一个数组,把该数组中的所有元素依次添加到另外一个数组中。直接上代码:

for(var i in b){
    a.push(b[i]);

    这样的写法可以解决第一种方案中对内存的浪费,但是会有另一个问题:丑!这么说不是没有道理,如果能只用一行代码就搞定,岂不快哉~

  3、apply

    函数的apply方法有一个特性,那就是func.apply(obj,argv),argv是一个数组。所以我们可以利用这点,直接上代码:

a.push.apply(a,b);

    调用a.push这个函数实例的apply方法,同时把,b当作参数传入,这样a.push这个方法就会遍历b数组的所有元素,达到合并的效果。

    这里可能有点绕,我们可以把b看成[4,5,6],变成这样:

a.push.apply(a,[4,5,6]);

            然后上面的操作就等同于:

a.push(4,5,6);

    这样就很清楚了!

  另外,还要注意两个小问题:

  1)以上3种合并方法并没有考虑过a、b两个数组谁的长度更小。

  所以好的做法是预先判断a、b两个数组哪个更大,然后使用大数组合并小数组,这样就减少了数组元素操作的次数!

  2)有时候我们不希望原数组(a、b)改变,这时就只能使用concat了。

我们在项目过程中,有时候会遇到需要将两个数组合并成为一个的情况。  比如: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]    这... var arr1=new Array("1","2","3"); var arr2=new Array("4","5","6"); Array.prototype.push.apply(arr1,arr2); console.log(arr1) 2.使用JS自带的concat方法,它能够把方法中的参数追加到指定数组中,形成一个新的连接数组,但是这个方法有个不好之处就是会造成一些资源浪费,因为如果要进行 concat() 操作的参数是数
如何使用JS两个数组合并为一个数组 使用JS自带的concat方法,它能够把该方法中的参数追加到指定数组中,形成一个新的连接数组,但是这个方法有个不好之处就是会造成一些资源浪费,因为如果要进行 concat() 操作的参数是数组,那么添加的是数组中的元素,而不是数组,就需要系统分配更多的内存空间,但平时使用时,concat的效率还是不错的。 举个简单的例子: <%@ page la...
let options = []; let times = [30, 60, 120, 300, 420, 540, 720, 900, 1200]; let timesDesc = ["30分钟", "1小时", "2小时", "5小时", "7小时", "9小时", "12小时", "15小时", "20小时"]; options=[ time: 30, var arr2 = [4, 5, 6]; // 将arr1和arr2合并成为[1, 2, 3, 4, 5, 6] 这里总结一下在JavaScript中合并两个数组方法。 for循环数组 这个方式是最简单的,也是最容易实现的。 var arr3 = []; // 遍历arr1 for (var i = 0; i < arr1.length; i++) { arr3.push(arr1[i]); // 遍历arr2 for (var j = 0; j < arr2
这是一篇简单的文章,关于JavaScript数组使用的一些技巧。我们将使用不同的方法结合/合并两个JS数组,以及讨论每个方法的优点/缺点。 让我们先考虑下面这情况: 代码如下: var a = [ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]; var b = [ “foo”, “bar”, “baz”, “bam”, “bun”, “fun” ]; 很显然最简单的结合结果应该是: 代码如下: 1, 2, 3, 4, 5, 6, 7, 8, 9, “foo”, “bar”, “baz”, “bam” “bun”, “fun” concat(..) 这是最常见的做法: // var activeSubjectsName = ["语文", "数学", "英语", "思想品德", "科学"]; // var activeSubjectsNum = [46, 2, 2, 28, 29]; // var activeSubjectsArr = []; for (var i = 0; i < activeSubjectsName.length; i++) { console.log(i); var activeSubjectsObject = {}; for (var j = 0; j < activeSubjectsNum.length; j++)
JS合并两个数组可以使用concat()方法来实现,但是这种方法只是简单的将两个数组组合在一起并返回一个新数组,并不能保证两个数组中元素的对应关系。如果要在合并时保持两个数组元素的对应关系,可以通过遍历数组的方式来实现。 首先可以定义一个空数组用于存储结果,然后使用for循环来遍历两个数组,将它们对应下标的元素逐个取出并组合成一个新的元素,再将这个新元素添加到结果数组中即可。 具体实现过程如下: ```javascript function mergeArr(arr1, arr2) { let res = []; // 定义结果数组 for(let i = 0; i < arr1.length && i < arr2.length; i++) { // 遍历两个数组 let newElem = [arr1[i], arr2[i]]; // 将对应下标的元素组合成一个新元素 res.push(newElem); // 将新元素添加到结果数组中 return res; // 返回结果数组 let array1 = [1, 2, 3]; let array2 = ['a', 'b', 'c']; console.log(mergeArr(array1, array2)); // [[1, 'a'], [2, 'b'], [3, 'c']] 在这个例子中,我们可以看到数组[1, 2, 3]和['a', 'b', 'c']被成功合并成了一个新的二维数组,并且合并时保持了它们间对应下标的关系。