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 は、namepricefeatured プロパティを持つ商品オブジェクトで構成。
  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