如何在javascript中用内置的concat方法来组合/连接/合并数组教程

59 阅读1分钟

这篇博文涵盖了如何在javascript中用内置的concat方法来组合/连接/合并数组。

该方法用于连接或串联一个或多个数组,并返回最终的数组。这个方法返回新的数组而不是修改现有的数组。

新数组包含按照数组中的元素顺序合并的新数组。

语法

  
thisarray.concat(List of arrays)  

参数是一个数组列表,即零个或多个数组。
输出是一个新数组

这是一个使用Array.concat的ES5合并数组的例子。

  
var arrayone = ['one', 'two', 'three'];  
var arraytwo = ['four', 'five', 'six'];  
console.log(arrayone.concat(arraytwo));  
// ['one', 'two', 'three','four', 'five', 'six'];  

如何在javascript中合并/连接两个或多个数组

这是一个合并数组而不遗漏重复值的例子。Array.concat方法接收一个或多个数组并与原始数组连接,然后返回新的数组。原有的数组不被修改 没有内置的函数来删除重复的元素。你可以遍历数组并进行操作来删除重复的元素。

  
  
var one = ["id","1","name","kiran"]  
var two = ["id", "2", "name", "john"]  
var three = ["id","1","name","kiran"]  
  
var result = one.concat(two,three)  
console.log(result);  
// ["id","1","name","kiran","id", "2", "name", "john","id","1","name","kiran"];  

同样也可以使用ES6的数组析构来完成,使用spread Operator

const result = [...one, ...two,...three];  

或者你也可以使用Lodash或underscore工具库来做同样的事情,使用第三方库。

嵌套数组是数组中的数组,可以使用concat方法进行组合。

var one = ["id","1","name","kiran","a1",["newname","newkiran"]]  
var two = ["id", "2", "name", "john"]  
var three = ["id","1","name","kiran"]  
  
var result = one.concat(two,three)  
console.log(result);  
// ["id","1","name","kiran","a1",["newname","newkiran"],"id", "2", "name", "john","id","1","name","kiran"];