JavaScriptの配列、オブジェクトの扱いに関する質問

Question

###JavaScriptの配列、オブジェクトの扱いに関する質問
質問させていただきます。

以下のようにオブジェクトを要素とする配列があった場合、あるプロパティの値から同一要素の別のプロパティの値を取得することはできますか？

const fruits = [
    { name: 'apple', price: 100 },
    { name: 'banana', price: 150 },
    { name: 'grape', price: 200 },
];

console.log(getPrice('apple'));
// out:100
console.log(getPrice('banana'));
// out:150
console.log(getPrice('grape'));
// out:200

よろしくおねがいします。

Answer 1

const fruits = [
  { name: 'apple', price: 100 },
  { name: 'banana', price: 150 },
  { name: 'grape', price: 200 },
];

const getPrice = keyword => {
  const target = fruits.find(({ name }) => name === keyword)
  return target?.price ?? `${keyword}はfruitsの中に存在しません`
}

// out:100
console.log(getPrice('apple'))
// out:mangoはfruitsの中に存在しません
console.log(getPrice('mango'))

Answer 2

findIndex()で指定の名前を持つ要素を探して、その結果のインデックスの要素の priceプロパティにアクセスればよいでしょう。

Comments

[seizo_hiro]

できました！ありがとうございます。

Answer 3

検索の手間を考えると、データの持ち方を変えるのも一案だと思います。

const fruits = [
    { name: 'apple', price: 100 },
    { name: 'banana', price: 150 },
    { name: 'grape', price: 200 },
];

let fruits2 = {};
for (obj of fruits) fruits2[obj.name] = obj.price;

console.log(fruits2['apple']);
console.log(fruits2['banana']);
console.log(fruits2['grape']);

まあ、状況によりけりですが…