配列内の連想配列を別の配列の値でフィルターする

Question

###前提・実現したいこと
配列内の連想配列のキーを他の配列の値を使ってフィルターしたいです。

arr1 = [
  apple: {
    id: 0,
    price: 100
  },
  orange: {
    id: 1,
    price: 200
  },
  banana: {
    id: 2,
    price: 300
  }
]

arr2 = [0, 2]

上記のような arr1 と arr2 があるとき、 arr2 の値をつかって arr1のidの値 をフィルターしたいで
下記のような結果を想定しています

arr3 = [apple:{id: 0, price: 100}, banana:{id:2, price: 300}]

Answer 1

こんにちは。

ご質問に挙げられている arr1 と、arr3 は、
apple、orange、banana の外側に
もうひとつ、 { } が必要と思われました。
（※質問に挙がっているコードのままだと、文法エラーになります。）

以下は、arr1を上記にそって修正しての回答になります。(ES6 で書いています）

const arr1 = [
    { apple: { id: 0, price: 100 } },
    { orange: { id: 1, price: 200 } },
    { banana: {id: 2, price: 300} },
]

const arr2 = [0, 2]

const arr3 = arr1.reduce((arr, e) => {
    if (arr2.indexOf(e[Object.keys(e)[0]].id) >= 0)
        arr.push(e)
    return(arr)
}, []);

console.log(arr3)

上記を実行すると、以下が表示されます。

[ { apple: { id: 0, price: 100 } },{ banana: { id: 2, price: 300 } } ]

以上、参考になれば幸いです。

---

追記

reduceではなくて、(お題がフィルターなのだから) filter を使ったほうが
シンプルに書けました。

const arr1 = [
    { apple: { id: 0, price: 100 } },
    { orange: { id: 1, price: 200 } },
    { banana: {id: 2, price: 300} },
]

const arr2 = [0, 2]

const arr3 = arr1.filter(e => (arr2.indexOf(e[Object.keys(e)[0]].id) >= 0))

console.log(arr3) //=> [ { apple: { id: 0, price: 100 } }, { banana: { id: 2, price: 300 } } ]

Comments

[退会済みユーザー]

こんにちは。ご回答頂きありがとうございました。
ご指摘の通り `arr1` , `arr3` において `{ }` が抜けておりました。

`reduce` を使ったパターンと `filter` を使ったパターンを教えていただきありがとうございます。

[jun68ykt]

解決されたようで、よかったです！