JavaScript Academy · Oppitunti

reduce, some/every ja find — yksinkertaiset mallit

Opi käyttämään reducea summiin, somea ja everyä totuusarvotarkistuksiin sekä findiä ensimmäisen täsmäävän alkion hakemiseen

Oppitunti 2/28 vaihetta

reduce, some/every ja find — yksinkertaiset mallit on ilmainen JavaScript Academy-oppitunti CoddyKitissä. Tämä on oppitunti 2/2. Voit lukea tästä oppimispolusta kokonaan mitkä tahansa 3 oppituntia ilmaiseksi — sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä käytännön harjoittelun sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. Oppitunti kuuluu JavaScript Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. JavaScript Academy-kurssilla on yhteensä 2 oppituntia.

Johdanto reduceen ja sen kumppaneihin

Tavoite: Muodostakaa monista arvoista yksi arvo reduce-menetelmällä, tarkistakaa taulukoita some/every-menetelmillä ja hakekaa ensimmäinen osuma find-menetelmällä.

reduce: summat
some/every: nopeat tarkistukset
find: ensimmäinen osuma

reduce, some/every ja find — yksinkertaiset mallit — kuvitus 1

reduce: summa

reduce ottaa vastaan callback-funktion ja alkuarvon. Palauttakaa seuraava akkumulaattori jokaisella askeleella.

// reduce: sum numbers with an initial value
const prices = [4, 6, 3];

const total = prices.reduce(function (acc, n) {
  // Add current number to the accumulator
  return acc + n;
}, 0);

console.log("Total:", total);

reduce, some/every ja find — yksinkertaiset mallit — kuvitus 2

reduce: minimi

Voitte laskea min- tai max-arvon vertaamalla akkumulaattoria jokaiseen arvoon.

// reduce: smallest number
const nums = [7, 2, 9, 4];

const min = nums.reduce(function (acc, n) {
  // Keep the smaller of acc or n
  return n < acc ? n : acc;
}, Infinity);

console.log("Min:", min);

reduce, some/every ja find — yksinkertaiset mallit — kuvitus 3

somen perusteet

some palauttaa arvon true, jos testi läpäistään minkä tahansa alkion kohdalla.

// some: is there any even number?
const list = [1, 5, 8, 11];

const hasEven = list.some(function (n) {
  return n % 2 === 0;
});

console.log("Has even?", hasEven);

reduce, some/every ja find — yksinkertaiset mallit — kuvitus 4

everyn perusteet

every palauttaa arvon true vain, jos testi läpäistään kaikkien alkioiden kohdalla.

// every: are all ages 18+ ?
const ages = [22, 19, 31];

const allAdults = ages.every(function (a) {
  return a >= 18;
});

console.log("All adults?", allAdults);

reduce, some/every ja find — yksinkertaiset mallit — kuvitus 5

findin perusteet

find palauttaa ensimmäisen testin täyttävän alkion tai arvon undefined, jos yksikään alkio ei täytä testiä.

// find: get the first matching value (or undefined)
const users = [
  { name: "Ayla", active: true },
  { name: "Mina", active: false },
  { name: "Lena", active: true }
];

const firstInactive = users.find(function (u) {
  return u.active === false;
});

console.log("First inactive:", firstInactive);

reduce, some/every ja find — yksinkertaiset mallit — kuvitus 6

reducen käsitevisa

Pikatarkistus: Akkumulaattorimenetelmä.

reduce, some/every ja find — yksinkertaiset mallit — kuvitus 7

Vastaa interaktiivisessa oppitunnissa

Kertaus

Kertaus: Käyttäkää reduce-menetelmää summiin tai min/max-arvoihin, some-menetelmää tarkistamaan ”mikä tahansa?”, every-menetelmää tarkistamaan ”kaikki?” ja find-menetelmää ensimmäisen vastaavan alkion hakemiseen.

reduce, some/every ja find — yksinkertaiset mallit — kuvitus 8

Aloita maksutta

Opi JavaScript tekoälytuutorin avulla — ilmaiseksi

Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.

Kurssit: 59
Oppitunnit: 200

Aloita opiskelu maksutta Näytä koko kurssi

Usein kysytyt kysymykset

Onko oppitunti ”reduce, some/every ja find — yksinkertaiset mallit” ilmainen?

Kyllä — voit lukea täällä verkossa kokonaan ilmaiseksi mitkä tahansa JavaScript Academy-oppimispolun 3 oppituntia, myös oppitunnin “reduce, some/every ja find — yksinkertaiset mallit”. Sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä interaktiiviset harjoitukset sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. JavaScript Academy-kurssilla on yhteensä 2 oppituntia.

Mitä opin oppitunnilla ”reduce, some/every ja find — yksinkertaiset mallit”?

Opi käyttämään reducea summiin, somea ja everyä totuusarvotarkistuksiin sekä findiä ensimmäisen täsmäävän alkion hakemiseen Harjoittelet JavaScript Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.

Tarvitsenko kokemusta aloittaakseni JavaScript Academy-opiskelun?

Aiempi kokemus ei ole tarpeen. CoddyKitin JavaScript Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 2/2.

Kuinka kauan ”reduce, some/every ja find — yksinkertaiset mallit”-oppitunnin suorittaminen kestää?

Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.

Voinko kirjoittaa ja suorittaa koodia tällä JavaScript Academy-oppitunnilla?

Kyllä. Jokainen JavaScript Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.

Kaikki tämän kurssin oppitunnit

map ja filter — perusteet
reduce, some/every ja find — yksinkertaiset mallit

← Takaisin: JavaScript Academy