JavaScript 入れ子にしたオブジェクトの値をfilterメソッドに通したい

Question

以下のオブジェクトのchildの値（子1や子2）をfilterメソッドに通して、オブジェクトを生成したいのですが、
どのような方法でchildの値にアクセスすれば良いか悩んでいます。

[{
  "id":1,
  "parent":"親",
  "children":[
    {"child":"子1"},
    {"child":"子2"}
  ]
},
{
  "id":2,
  "parent":"親",
  "children":[
    {"child":"子1"},
    {"child":"子2"}
  ]
}]

ただ単にfilterを使ってもchildren配列が取り出されるため、for文を使ってみたりしましたが、思い通りにいかず苦戦しています。

family.filter(family => {
  console.log(family.children) // デバッグ
})

デバッグ結果

{
  0: {child: "子１"},
  1: {child: "子2"},
  2: {child: "子１"},
  3: {child: "子2"}
}

初歩的な部分で恐縮ですが、ご教授いただけば助かります。

Comments

[kei344]

結果どういうJSONが必要かを追記してください。

Answer 1

結局なにをしたいのかわかりませんが
childrenのchildを単に配列としてうけとるならこう

var a=[
  {
    "id":1,
    "parent":"親",
    "children":[
      {"child":"子1"},
      {"child":"子2"}
      ],
  },
  {
    "id":2,
    "parent":"親",
    "children":[
      {"child":"子3"},
      {"child":"子4"}
      ],
  },
  ];
var b=a.map(function(x){
  return x.children.map(function(y){
    return y.child;
  });
}).reduce(function(i,j){
  return i.concat(j);
});
console.log(b);

childの値からどうfilterしてどういった新しいオブジェクトを作るたいのかは明示してほしいですね

Answer 2

family.flatMap(value => value.children);
// [{child: "子1"}, {child: "子2"}, {child: "子1"}, {child: "子2"}]

family.flatMap(value => value.children.map(v => v.child));
// ["子1", "子2", "子1", "子2"]

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/flatMap

Answer 3

引用テキスト以下のオブジェクトのchildの値（子1や子2）をfilterメソッドに通して、オブジェクトを生成したいのですが、

JavaScriptの配列のfilterメソッドは、配列要素の中から特定の要素を抽出するようなメソッドだと思うので、それを通してオブジェクトを生成する、という意味がよくわからなかったのですが、ひとまず、childに対して何らかの判断をして抽出したいということならば、一旦childのみの平坦な配列にすればよいのではないでしょうか。

let families = [{
  "id":1,
  "parent":"親",
  "children":[
    {"child":"子1"},
    {"child":"子2"}
  ]
},
{
  "id":2,
  "parent":"親",
  "children":[
    {"child":"子1"},
    {"child":"子2"}
  ]
}];

let filtered = families.reduce((carry, family) => {
    family.children.forEach(child => carry.push(child));
    return carry;
}, [])
.filter(child => child.child === '子1');

Answer 4

family.filter(family => {
  console.log(family.id)
  console.log(family.children[0].child)
  console.log(family.children[1].child)
  console.log("-----------------------")
})

Comments

[退会済みユーザー]

family.filterはfamily単位でいる、いらないを判断して抽出しています。（その際、子プロパティにアクセスして判断材料とすることは可能です）
しかし、子単位で抽出した配列を生成したいのなら他の方たちが言うように、flat関数などを使うといいかと思います。