回答編集履歴

2021/06/26 12:13

投稿

スコア27

test CHANGED Viewed

@@ -1,3 +1,127 @@
+最終形態が以下です。
+```js
+let a =
+  // APIからのレスポンスJSON
+  [
+    {
+      id: 1,
+      name: "甲グループ",
+      custom: [
+        {
+          id: 1,
+          name: "甲-1",
+          type: "B"
+        }
+      ]
+    },
+    {
+      id: 2,
+      name: "乙グループ",
+      custom: [
+        {
+          id: 2,
+          name: "乙-1",
+          type: "A"
+        },
+        {
+          id: 3,
+          name: "乙-2",
+          type: "B"
+        },
+        {
+          id: 4,
+          name: "乙-3",
+          type: "B"
+        }
+      ]
+    },
+    {
+      id: 3,
+      name: "龍グループ",
+      custom: [
+        {
+          id: 5,
+          name: "龍-1",
+          type: "A"
+        }
+      ]
+    }
+  ];
+const target = "B";
+const result = a
+  .flatMap((x) => x.custom.filter((c) => c.type === target))
+  .map((y) => y.id);
+console.log(JSON.stringify(result));
+// [1,3,4]
+```
+### 最終形態までの経緯（上から下へ新しくなっていきます）
 一応以下でいけました。（もっといい方法ないかな。。y[0]あたりが怪しい）
 [https://codesandbox.io/s/icy-cdn-jfbb3?file=/src/index.js

2021/06/26 12:13

投稿

スコア27

test CHANGED Viewed

@@ -466,7 +466,7 @@
 ### 追記４
-リファクタリング。flatMapを使えば１行減りました
+リファクタリング。flatMapを使えば１行減りました.filterも上でやっているのでnull排除できていそうなのでいらなそう。
 ```js
@@ -474,7 +474,7 @@
   .flatMap((x) => x.custom.filter((c) => c.type === target))
-  .filter((y) => y)
+  // .filter((y) => y)
   // .flat()

2021/06/26 10:40

投稿

スコア27

test CHANGED Viewed

@@ -461,3 +461,23 @@
 ```
+### 追記４
+リファクタリング。flatMapを使えば１行減りました
+```js
+const result = a
+  .flatMap((x) => x.custom.filter((c) => c.type === target))
+  .filter((y) => y)
+  // .flat()
+  .map((y) => y.id);
+```

2021/06/26 10:29

投稿

スコア27

test CHANGED Viewed

@@ -333,3 +333,131 @@
 ```
+### 追記３
+flat()を挟むことで配列の深さを修正することができました
+```js
+let a =
+  // APIからのレスポンスJSON
+  [
+    {
+      id: 1,
+      name: "甲グループ",
+      custom: [
+        {
+          id: 1,
+          name: "甲-1",
+          type: "B"
+        }
+      ]
+    },
+    {
+      id: 2,
+      name: "乙グループ",
+      custom: [
+        {
+          id: 2,
+          name: "乙-1",
+          type: "A"
+        },
+        {
+          id: 3,
+          name: "乙-2",
+          type: "B"
+        },
+        {
+          id: 4,
+          name: "乙-3",
+          type: "B"
+        }
+      ]
+    },
+    {
+      id: 3,
+      name: "龍グループ",
+      custom: [
+        {
+          id: 5,
+          name: "龍-1",
+          type: "A"
+        }
+      ]
+    }
+  ];
+const target = "B";
+// console.log(JSON.stringify(a));
+const result = a
+  .map((x) => x.custom.filter((c) => c.type === target))
+  .filter((y) => y)
+  .flat()
+  .map((y) => y.id);
+console.log(JSON.stringify(result));
+```

2021/06/26 10:25

投稿

スコア27

test CHANGED Viewed

@@ -210,7 +210,7 @@
 ### 追記２
-項目が複数のときだめですね。。y[0]としているからかもですが、じゃあどうしよう。。
+該当項目が１グループに複数のときだめですね。。y[0]としているからかもですが、じゃあどうしよう。。
 ```js
@@ -328,6 +328,8 @@
 console.log(JSON.stringify(result));
+// [1,3] ([1,3,4]となるはず)
 ```

2021/06/26 09:15

投稿

スコア27

test CHANGED Viewed

@@ -205,3 +205,129 @@
 ```
+### 追記２
+項目が複数のときだめですね。。y[0]としているからかもですが、じゃあどうしよう。。
+```js
+let a =
+  // APIからのレスポンスJSON
+  [
+    {
+      id: 1,
+      name: "甲グループ",
+      custom: [
+        {
+          id: 1,
+          name: "甲-1",
+          type: "B"
+        }
+      ]
+    },
+    {
+      id: 2,
+      name: "乙グループ",
+      custom: [
+        {
+          id: 2,
+          name: "乙-1",
+          type: "A"
+        },
+        {
+          id: 3,
+          name: "乙-2",
+          type: "B"
+        },
+        {
+          id: 4,
+          name: "乙-3",
+          type: "B"
+        }
+      ]
+    },
+    {
+      id: 3,
+      name: "龍グループ",
+      custom: [
+        {
+          id: 5,
+          name: "龍-1",
+          type: "A"
+        }
+      ]
+    }
+  ];
+const target = "B";
+// console.log(JSON.stringify(a));
+const result = a
+  .map((x) => x.custom.filter((c) => c.type === target))
+  .filter((y) => y[0])
+  .map((y) => y[0].id);
+console.log(JSON.stringify(result));
+```

2021/06/26 09:14

投稿

スコア27

test CHANGED Viewed

@@ -94,11 +94,7 @@
 ### 追記
-やはり以下のような場合に崩壊しました.
-y[0]がnullだとidがとれないです
+y[0]がnullだとidがとれないので対応.リファクタリングできそうな気がする
 ```js
@@ -198,7 +194,9 @@
   .map((x) => x.custom.filter((c) => c.type === target))
+  .filter((y) => y[0])
-  .map((y) => y[0]);
+  .map((y) => y[0].id);

2021/06/26 08:57

投稿

スコア27

test CHANGED Viewed

@@ -89,3 +89,121 @@
 ```
+### 追記
+やはり以下のような場合に崩壊しました.
+y[0]がnullだとidがとれないです
+```js
+let a =
+  // APIからのレスポンスJSON
+  [
+    {
+      id: 1,
+      name: "甲グループ",
+      custom: [
+        {
+          id: 1,
+          name: "甲-1",
+          type: "B"
+        }
+      ]
+    },
+    {
+      id: 2,
+      name: "乙グループ",
+      custom: [
+        {
+          id: 2,
+          name: "乙-1",
+          type: "A"
+        },
+        {
+          id: 3,
+          name: "乙-2",
+          type: "B"
+        }
+      ]
+    },
+    {
+      id: 3,
+      name: "龍グループ",
+      custom: [
+        {
+          id: 4,
+          name: "龍-1",
+          type: "A"
+        }
+      ]
+    }
+  ];
+const target = "B";
+// console.log(JSON.stringify(a));
+const result = a
+  .map((x) => x.custom.filter((c) => c.type === target))
+  .map((y) => y[0]);
+console.log(JSON.stringify(result));
+```

2021/06/26 08:53

投稿

スコア27

test CHANGED Viewed

@@ -1,8 +1,8 @@
 一応以下でいけました。（もっといい方法ないかな。。y[0]あたりが怪しい）
-https://codesandbox.io/s/icy-cdn-jfbb3?file=/src/index.js
+[https://codesandbox.io/s/icy-cdn-jfbb3?file=/src/index.js
+](https://codesandbox.io/s/icy-cdn-jfbb3?file=/src/index.js)
 ```js