Leer Uitdaging: Zoeken Naar Items Met find() | Geavanceerde Arraymethoden en Transformaties

Taak

De oorspronkelijke array wordt gegeven als products, met objecten die producten vertegenwoordigen met de eigenschappen name, price en featured.
Gebruik de methode find() om het eerste product in de array te vinden waarvan de eigenschap featured op true staat.
Als er een uitgelicht product wordt gevonden, log dan de naam en prijs; anders log een bericht dat er geen uitgelicht product is gevonden.


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

Verwachte uitvoer:

Featured product: Headphones, Price: $150

Gebruik de find()-methode op de array products en geef een callbackfunctie die controleert of de eigenschap featured van het productobject true is.
Indien een uitgelicht product wordt gevonden, de naam en prijs weergeven; anders een bericht tonen dat er geen uitgelicht product is gevonden.


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

Was alles duidelijk?

Bedankt voor je feedback!

Sectie 5. Hoofdstuk 6

Vraag AI

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

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?

Veeg om het menu te tonen

Taak

De oorspronkelijke array wordt gegeven als products, met objecten die producten vertegenwoordigen met de eigenschappen name, price en featured.
Gebruik de methode find() om het eerste product in de array te vinden waarvan de eigenschap featured op true staat.
Als er een uitgelicht product wordt gevonden, log dan de naam en prijs; anders log een bericht dat er geen uitgelicht product is gevonden.


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

Verwachte uitvoer:

Featured product: Headphones, Price: $150

Gebruik de find()-methode op de array products en geef een callbackfunctie die controleert of de eigenschap featured van het productobject true is.
Indien een uitgelicht product wordt gevonden, de naam en prijs weergeven; anders een bericht tonen dat er geen uitgelicht product is gevonden.


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

Was alles duidelijk?

Bedankt voor je feedback!

Sectie 5. Hoofdstuk 6