Läpikäyntimallit
Käy Map ja Set läpi for...of-silmukalla; käytä entries-, keys- ja values-metodeja; muunna taulukoiksi ja rakenna pieniä laskureita ja yksilöllisten arvojen listoja
Läpikäyntimallit on ilmainen JavaScript Academy-oppitunti CoddyKitissä. Tämä on oppitunti 3/3. 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ä 3 oppituntia.
Iteroinnin yleiskatsaus
Tavoite: Opetelkaa yksinkertainen ja selkeä iterointi.
- Map: entries, keys, values
- Set: values
- Muuntaminen taulukoiksi
- Esiintymälaskuri ja yksilölliset luettelot
Map: entries/keys/values
Käyttäkää Map-rakenteen kanssa for...of-silmukkaa saadaksenne [key, value]-parin. Myös keys()- ja values()-metodit ovat käytettävissä.
// Map iterates as [key, value] pairs
const prices = new Map();
prices.set("apple", 3);
prices.set("banana", 2);
for (const [item, cost] of prices) {
console.log(item, cost);
}
// You can also use keys() or values()
for (const k of prices.keys()) {
console.log("key:", k);
}
for (const v of prices.values()) {
console.log("value:", v);
}
Set: yksinkertainen silmukka
Set palauttaa yksilölliset arvot lisäysjärjestyksessä, ja kaksoiskappaleet ohitetaan.
// Set iterates values in insertion order
const colors = new Set(["red", "green", "red", "blue"]);
for (const c of colors) {
console.log("color:", c);
}
console.log("size:", colors.size);
Muunnokset Array.from-funktiolla
Käyttäkää Array.from-funktiota muuntaaksenne Map- ja Set-rakenteet taulukoiksi ja parit Map-rakenteeksi.
// Convert Map to array of pairs, and back
const map1 = new Map([["a", 1], ["b", 2]]);
const pairs = Array.from(map1); // [["a",1],["b",2]]
console.log("pairs:", pairs);
const map2 = new Map(pairs);
console.log("map2 has a?", map2.has("a"));
// Set to array of values
const set1 = new Set([1, 1, 2, 3]);
const arr = Array.from(set1); // [1,2,3]
console.log("arr:", arr);
Esiintymälaskuri
Map-laskuri on selkeä tapa laskea luettelossa esiintyvien arvojen määrät.
// Count items in an array using Map
function countItems(list) {
const counts = new Map();
for (const x of list) {
const n = counts.get(x) || 0;
counts.set(x, n + 1);
}
return counts;
}
const fruits = ["apple", "banana", "apple", "apple", "banana"];
const counts = countItems(fruits);
// Print counts as "item: n"
for (const [name, n] of counts) {
console.log(name + ":", n);
}
Yksilöllisyys ja jäsenyys
Käyttäkää Set-rakennetta yksilöllisen luettelon muodostamiseen ja nopeisiin jäsenyyden tarkistuksiin has-metodilla.
// Unique values with Set, quick membership test
const numbers = [2, 3, 2, 4, 3, 5];
const unique = Array.from(new Set(numbers));
console.log("unique:", unique);
// Quick membership with Set.has
const allowed = new Set([2, 5]);
console.log("allowed has 2?", allowed.has(2));
console.log("allowed has 4?", allowed.has(4));
Map-iteroinnin koe
Pikatarkistus: Paras Map-silmukka avaimelle ja arvolle.
Kertaus
Kertaus: Iteroikaa Map-rakennetta for...of-silmukalla saadaksenne [key, value] -parin, käykää Set-rakenteen arvot suoraan läpi ja muuntakaa rakenteita Array.from-funktiolla. Käyttäkää Mapia laskureihin ja Setiä yksilöllisiin luetteloihin.
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
Usein kysytyt kysymykset
Onko oppitunti ”Läpikäyntimallit” ilmainen?
Kyllä — voit lukea täällä verkossa kokonaan ilmaiseksi mitkä tahansa JavaScript Academy-oppimispolun 3 oppituntia, myös oppitunnin “Läpikäyntimallit”. 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ä 3 oppituntia.
Mitä opin oppitunnilla ”Läpikäyntimallit”?
Käy Map ja Set läpi for...of-silmukalla; käytä entries-, keys- ja values-metodeja; muunna taulukoiksi ja rakenna pieniä laskureita ja yksilöllisten arvojen listoja 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 3/3.
Kuinka kauan ”Läpikäyntimallit”-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
- Mapin ja Setin perusteet
- WeakMap ja WeakSet — yksinkertainen yksityisyys ja välimuistit
- Läpikäyntimallit