Taulukoiden CRUD ja iterointi sekä objektien perusteet ja käsittely
Taulukoiden CRUD-toiminnot ja läpikäynti; objektiliteraalit sekä ominaisuuksien käyttö piste-, hakasulku- ja optional chaining -syntaksilla
Taulukoiden CRUD ja iterointi sekä objektien perusteet ja käsittely on ilmainen JavaScript Academy-oppitunti CoddyKitissä. Tämä on oppitunti 1/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
Tavoite: Käsitelkää taulukoita ja olioita yksinkertaisin, turvallisin toimintatavoin.
- Taulukoiden CRUD-toiminnot
- Arvojen läpikäynti
- Olioiden käyttö
Taulukoiden CRUD-toimintojen perusteet
Käyttäkää push/unshift-metodeja lisäämiseen ja pop/shift-metodeja poistamiseen. Pitäkää tulosteet lyhyinä mobiilissa.
// Make an array
const colors = ["red", "green"];
// Add to end
colors.push("blue");
// Add to start
colors.unshift("pink");
// Remove from end
const last = colors.pop();
// Remove from start
const first = colors.shift();
console.log("Colors now:", colors);
console.log("Removed:", first, last);
Indeksi ja pituus
Käyttäkää index-hakua ja length-ominaisuutta yksinkertaisiin lukuihin.
// Read by index and use length
const nums = [10, 20, 30];
console.log("First:", nums[0]);
console.log("Last:", nums[nums.length - 1]);
console.log("Count:", nums.length);
Taulukon läpikäynti
for…of tuottaa arvot suoraan; forEach kutsuu funktiota jokaiselle arvolle.
// Iterate values with for…of
const fruits = ["apple", "banana", "cherry"];
for (const value of fruits) {
console.log("of:", value);
}
// Or use forEach with a small callback
fruits.forEach(function (v) {
console.log("each:", v);
});
Olioliteraalit ja käyttö
Olioihin tallennetaan avain–arvo-pareja. Käyttäkää piste- tai hakasulku-syntaksia.
// Create an object with properties
const user = {
name: "Ayla",
level: 1,
active: true
};
// Dot access
console.log("Name:", user.name);
// Bracket access (useful for dynamic keys)
const key = "level";
console.log("Level:", user[key]);
Optional chaining ja spread
?. estää virheet, kun polusta puuttuu osa. Käyttäkää ...-spread-operaattoria kloonaamiseen ja olioiden yhdistämiseen (myöhemmät avaimet korvaavat aiemmat).
// Optional chaining: safely read nested values
const profile = { contact: { email: "ayla@example.com" } };
console.log("Email:", profile.contact?.email);
console.log("Twitter:", profile.social?.twitter);
// Clone and merge with spread
const base = { a: 1, b: 2 };
const extra = { b: 9, c: 3 };
const clone = { ...base };
const merged = { ...base, ...extra };
console.log("Clone:", clone);
console.log("Merged:", merged);
Taulukkometodien tietovisa
Pikatarkistus: Lisääminen taulukon loppuun.
Kertaus
Kertaus: Harjoittelitte taulukoiden CRUD-toimintoja, kävitte niitä läpi for…of- ja forEach-rakenteilla, käsittelitte olioiden ominaisuuksia, käytitte optional chainingia ja kloonasitte tai yhdistitte arvoja spread-operaattorilla.
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 ”Taulukoiden CRUD ja iterointi sekä objektien perusteet ja käsittely” ilmainen?
Kyllä — voit lukea täällä verkossa kokonaan ilmaiseksi mitkä tahansa JavaScript Academy-oppimispolun 3 oppituntia, myös oppitunnin “Taulukoiden CRUD ja iterointi sekä objektien perusteet ja käsittely”. 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 ”Taulukoiden CRUD ja iterointi sekä objektien perusteet ja käsittely”?
Taulukoiden CRUD-toiminnot ja läpikäynti; objektiliteraalit sekä ominaisuuksien käyttö piste-, hakasulku- ja optional chaining -syntaksilla 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 1/2.
Kuinka kauan ”Taulukoiden CRUD ja iterointi sekä objektien perusteet ja käsittely”-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
- Taulukoiden CRUD ja iterointi sekä objektien perusteet ja käsittely
- Kloonaus ja yhdistäminen — spread ja Object.assign