從 javascript 中提取數組 object

Question

我有以下 javascript object -（命名為 Division）我只想從數組中提取 SubDivs

我試過了： -

 const division = [{ Name: "DivName1", Value: "DivValue1", SubDivision: { Name: "SubDiv1", Value: "SubDiv1" } }, { Name: "DivName2", Value: "DivValue2", SubDivision: [{ Name: "SubDiv2", Value: "SubDiv2" }, { Name: "SubDiv3", Value: "SubDiv3" } ] } ] var subDivs = division.map(x => x.SubDivision); console.log(subDivs)

但這並沒有給我格式的數組 -

[{
Name:"SubDiv1",
Value:"SubDiv1"
},
{
Name:"SubDiv2",
Value:"SubDiv2"
},
{
Name:"SubDiv3",
Value:"SubDiv3"
}]

Answer 1

您可以為此使用 flatMap

 const division = [{ Name: "DivName1", Value: "DivValue1", SubDivision: [{ Name: "SubDiv1", Value: "SubDiv1" }] }, { Name: "DivName2", Value: "DivValue2", SubDivision: [{ Name: "SubDiv2", Value: "SubDiv2" }, { Name: "SubDiv3", Value: "SubDiv3" } ] } ] const subdivision = division.flatMap(d => d.SubDivision) console.log(subdivision)

Answer 2

鑒於您的示例，您需要做的就是在映射數組上調用flat ：

var subDivs= division.map(x=>x.SubDivision).flat();

工作示例：

 const division = [{ Name: "DivName1", Value: "DivValue1", SubDivision: [{ Name: "SubDiv1", Value: "SubDiv1" } ]}, { Name: "DivName2", Value: "DivValue2", SubDivision: [{ Name: "SubDiv2", Value: "SubDiv2" }, { Name: "SubDiv3", Value: "SubDiv3" } ] } ] var subDivs= division.map(x=>x.SubDivision).flat(); console.log(subDivs)