合并数组的多种方法

最新推荐文章于 2024-04-25 00:00:00 发布

原创最新推荐文章于 2024-04-25 00:00:00 发布 · 9.4k 阅读

20 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

博客介绍了JavaScript中数组拼接的多种方法，包括利用concat、slice+push.apply、slice + push、普通的迭代拷贝、toString+split、es6扩展运算符以及join+split等，同时提到使用toString+split时元素会变成字符串。

利用concat

function concat(arr1,arr2){
    return arr1.concat(arr2);
}

利用slice+push.apply

function concat(arr1,arr2){
    var newArr = arr1.sliice(0);
    [].push.apply(newArr,arr2);
    return newArr;
}

利用slice + push

function concat(arr1,arr2){
    var newArr = arr1.slice(0);
    for(var i = 0;i < arr2.length;i++){
        newArr.push(arr2[i]);
    }
    return newArr;
}

普通的迭代拷贝

function concat(arr1,arr2){
    var newArr = [];
    for(var i = 0;i < arr1,length;i++){
        newArr.push(arr1[i];
    }
    for(var j = 0;j < arr2.length;j++){
        newArr.push(arr2[j];
    }
    return newArr;
}

function concat(arr1,arr2){
   var newArr = [];
   newArr.length = arr1.length +arr2.length;
   for(var i = 0;i < newArr.length; i++){
       if(i < arr1.length){
          newArr[i] = arr[i];
       }else{
          newArr[i] = arr2[i - arr1.length];
       }
    }
    return newArr;
}

toString+split

注意：元素返回变成字符串

function concat(arr1,arr2){
   var str = arr1.toString()+"."+arr2.toString();
   return str.split(",");
}

es6…

function concat(arr1,arr2){
   return [...arr1,...arr2];
}

利用join+split

function concat(arr1,arr2){
    return (arr1.join("") + arr2.join("")).split("")
}