Learn Challenge: Search for Items Using find() | Advanced Array Methods and Transformations

Task

The original array is given as products, containing objects representing products with properties name, price, and featured.
Use the find() method to discover the first product in the array with the featured property set to true.
If a featured product is found, log its name and price; otherwise, log a message indicating that no featured product was found.


              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(___);
}

Expected output:

Featured product: Headphones, Price: $150

Use the find() method on the products array and provide a callback function that checks if the featured property of the product object is true.
If a featured product is found, log its name and price; otherwise, log a message indicating that no featured product was found.


              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.");
}

Everything was clear?

Thanks for your feedback!

Section 5. Chapter 6

Ask AI

Ask anything or try one of the suggested questions to begin our chat

Suggested prompts:

Can you explain how the find() method works in this context?

What happens if there are no featured products in the array?

Can you show how to modify the code to find all featured products instead of just the first one?

Swipe to show menu

Task

The original array is given as products, containing objects representing products with properties name, price, and featured.
Use the find() method to discover the first product in the array with the featured property set to true.
If a featured product is found, log its name and price; otherwise, log a message indicating that no featured product was found.


              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(___);
}

Expected output:

Featured product: Headphones, Price: $150

Use the find() method on the products array and provide a callback function that checks if the featured property of the product object is true.
If a featured product is found, log its name and price; otherwise, log a message indicating that no featured product was found.


              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.");
}

Everything was clear?

Thanks for your feedback!

Section 5. Chapter 6