連結方式の多次元配列1次元配列

Question

に私は新しい配列[ 1, 2, 3, 1, 2, 3 ]をするオブジェクト

const nodes = [ { children: [1, 2, 3] }, { children: [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);