的毗連多維數組成一維陣列

Question

我有對象

const nodes = [ { children: [1, 2, 3] }, { children: [1, 2, 3] } ]; 

我想要一個新的數組[ 1, 2, 3, 1, 2, 3 ]陣列。

我已經試過

nodes.map(node => node.children); 

，但它給了我[ [ 1, 2, 3 ], [ 1, 2, 3 ] ]。

我已經試過

[].concat(nodes.map(node => node.children)); 

，但它不工作，因爲它僅僅是串聯[]與[ [ 1, 2, 3 ], [ 1, 2, 3 ] ]這僅僅是[ [ 1, 2, 3 ], [ 1, 2, 3 ] ]。

Answer 1

你可以使用Array#reduce

const nodes = [ { children: [1, 2, 3] }, { children: [1, 2, 3] } ], 
 
     result = nodes.reduce((r, node) => r.concat(node.children), []); 
 

 
console.log(result); 
 
console.log([... new Set(result)]); // for unique values

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 2

爲此，您可以用Array#reduce

const nodes = [ { children: [1, 2, 3] }, { children: [1, 2, 3] } ]; 
 

 
var result = nodes.reduce(function(r, o) { 
 
    r = r.concat(o.children); 
 
    return r; 
 
}, []); 
 

 
console.log(result)

Answer 3

另一種方式來做到這一點使用Array#forEach：

const nodes = [ { children: [1, 2, 3] }, { children: [1, 2, 3] } ] 
 
final = [] 
 
nodes.forEach(x => final = final.concat(x.children)) 
 
console.log(final)

另一個較短的方法是（稍加修改一下OP要怎樣做）：

const nodes = [ { children: [1, 2, 3] }, { children: [1, 2, 3] } ]; 
 
var result = [].concat.apply([], nodes.map(x => x.children)) 
 
console.log(result);