problem z kodem z książki

Question

let hatPrice = 100;
console.log(`Cena czapki: ${hatPrice}`);
let bootsPrice = "100";
console.log(`Cena butów: ${bootsPrice}`);

let sumPrices = (...numbers) => numbers.reduce((total, val) =>
    total + (Number.isNaN(Number(val)) ? 0 : Number(val)));

let totalPrice = sumPrices(hatPrice, bootsPrice); console.log(`Wartość całkowita: ${totalPrice} ${typeof totalPrice}`);
totalPrice = sumPrices(100, 200, 300);
console.log(`Wartość całkowita: ${totalPrice} ${typeof totalPrice}`);
totalPrice = sumPrices(100, 200, undefined, false, "Witaj"); console.log(`Wartość całkowita: ${totalPrice} ${typeof totalPrice}`);

Witam. Uczę się js'a i jest kod let sumPrices = (...numbers) => numbers.reduce((total, val) =>
    total + (Number.isNaN(Number(val)) ? 0 : Number(val))); I za cholerę nie wiem co on robi a nie jest to w ogóle wytłumaczone jakkolwiek także prosiłbym o wytłumaczenie :)

Answer 1

Pierwsze co może być zastanawiające to zapis

...numbers

Ano takie coś jest określone jako spread syntax: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax. Dzięki niemu bierzesz każdy element tablicy w niej zawarty. Kolejna rzecz - reduce - to metoda, która zmniejsza ilość elementów w tablicy poprzez pracę z jej elementami. W tym przypadku jest tworzona arrow function, która na podstawie dwóch argumentów sumuje każdy kolejny element tablicy - o ile ten jest liczbą, w przeciwnym razie dodaje zero. Warunek, który to sprawdza jest zapisany poprzez operator warunkowy ?