Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.学ぶ チャレンジ：find() を使用してアイテムを検索する | 高度な配列メソッドと変換
JavaScriptデータ構造

bookチャレンジ：find() を使用してアイテムを検索する

メニューを表示するにはスワイプしてください

課題

  1. 元の配列 products は、name、price、featured プロパティを持つ商品オブジェクトで構成。
  2. 配列内で find() プロパティが featured である最初の商品を true メソッドで検索。
  3. 該当する商品が見つかった場合は、その名前と価格を出力。見つからない場合は、該当商品が存在しない旨のメッセージを出力。

              
12345678910111213141516

            
const products = [
  { name: "Laptop", price: 1200, featured: false },
  { name: "Headphones", price: 150, featured: true },
  { name: "Smartphone", price: 800, featured: false },
  { name: "Camera", price: 1000, featured: true },
];

const featuredProduct = ___.___((product) => ___ === true);

if (featuredProduct) {
  console.log(
    `Featured product: ${___}, Price: $${featuredProduct.___}`
  );
} else {
  console.log(___);
}
copy

期待される出力:

Featured product: Headphones, Price: $150
  1. find() 配列に対して products メソッドを使用し、コールバック関数で product オブジェクトの featured プロパティが true であるかを判定。
  2. 注目商品が見つかった場合は、その名前と価格を出力。見つからなかった場合は、注目商品が見つからなかったことを示すメッセージを出力。

              
12345678910111213141516

            
const products = [
  { name: "Laptop", price: 1200, featured: false },
  { name: "Headphones", price: 150, featured: true },
  { name: "Smartphone", price: 800, featured: false },
  { name: "Camera", price: 1000, featured: true },
];

const featuredProduct = products.find((product) => product.featured === true);

if (featuredProduct) {
  console.log(
    `Featured product: ${featuredProduct.name}, Price: $${featuredProduct.price}`
  );
} else {
  console.log("No featured product found.");
}
copy

すべて明確でしたか？

どのように改善できますか？

フィードバックありがとうございます！

セクション 5. 章 6

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 5. 章 6
some-alt