如何從多個陣列中的JavaScript

Question

獲得單個陣列我有數組這樣

var arr = [ 
       [ {"c": 1},{"d": 2} ], 
       [ {"c": 2},{"d": 3} ] 
      ] 

我想更換成（由只有JavaScript）

var newArr = [{"c": 1},{"d": 2},{"c": 2},{"d": 3}] 

我已經通過地圖，但沒試過獲得預期的產出。

Answer 1

您可以使用reduce()和傳播語法。

var arr = [ 
 
    [ {"c": 1},{"d": 2} ], 
 
    [ {"c": 2},{"d": 3} ] 
 
] 
 

 
var result = arr.reduce((r, e) => (r.push(...e), r), []) 
 
console.log(result)

Answer 2

試試這個..

var merged = [].concat.apply([], arr); 

Answer 3

在普通的JavaScript，你可以使用Array.portotype.forEach做到這一點。

var arr = [ 
 
       [ {"c": 1},{"d": 2} ], 
 
       [ {"c": 2},{"d": 3} ] 
 
      ]; 
 
       
 
var newArray = []; 
 

 
arr.forEach(function(e){ 
 
\t e.forEach(function(e1){ 
 
\t \t newArray.push(e1); 
 
\t }); 
 
}) 
 

 
console.log(newArray);

使用這個..

Answer 4

你可以使用Array#reduce與Array#concat。

var arr = [[{ c: 1 }, { d: 2 }], [{ c: 2 }, { d: 3 }]], 
 
    result = arr.reduce((r, a) => r.concat(a), []); 
 

 
console.log(result)

ES5

var arr = [[{ c: 1 }, { d: 2 }], [{ c: 2 }, { d: 3 }]], 
 
    result = arr.reduce(function (r, a) { return r.concat(a); }, []); 
 

 
console.log(result)