Objektin Ominaisuuksien Läpikäynti For...In-silmukalla
Tässä osiossa perehdytään edistyneisiin olioiden käsittelytapoihin. Käsittelemme erityisesti olioiden läpikäyntiä sekä hyödyllisiä menetelmiä, joita JavaScript tarjoaa tehokkaaseen olioiden käsittelyyn.
for...in-silmukka
Olioiden ominaisuuksien käsittelyyn, mukaan lukien niiden läpikäynti, voidaan käyttää for...in-silmukkaa. Tämän silmukan avulla voidaan käydä läpi olion ominaisuudet ja niiden arvot.
for...in-silmukka on JavaScriptin rakenne, joka on suunniteltu erityisesti olion ominaisuuksien läpikäyntiin. Sen avulla voidaan käsitellä jokaisen ominaisuuden nimeä (avainta) ja siihen liittyvää arvoa.
Tässä on for...in-silmukan perussyntaksi:
for (let key in object) {
// Code to be executed for each property
}
key: Muuttuja, joka sisältää nykyisen ominaisuuden nimen jokaisella iteraatiolla;object: Olio, jonka ominaisuudet halutaan käydä läpi.
Olion ominaisuuksien läpikäynti käytännössä
Tarkastellaan esimerkkiä oliosta, joka kuvaa kukkaa:
const flower = {
genus: "Allium",
species: "Allium sativum",
color: "Purple",
height: 24,
isEdible: true,
isBlooming: true,
};
Käytetään nyt for...in-silmukkaa käydäksemme läpi flower-olion ominaisuudet ja tulostaaksemme jokaisen ominaisuuden nimen ja arvon:
123456789101112const flower = { genus: "Allium", species: "Allium sativum", color: "Purple", height: 24, isEdible: true, isBlooming: true, }; for (let key in flower) { console.log(`Property: ${key}, Value: ${flower[key]}`); }
1. Mikä on for...in-silmukan ensisijainen tarkoitus työskenneltäessä olioiden kanssa?
2. Mitä key-muuttuja edustaa for...in-silmukassa?
3. Mikä osa for...in-silmukan syntaksista sisältää olion, jota haluat käydä läpi?
4. Mitä tulostetaan, kun iteroidaan motorbike-olion ominaisuuksia alla olevassa koodissa?
Kiitos palautteestasi!
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Can you explain what the output of this code will look like?
What happens if the object has properties inherited from its prototype?
Can you show how to skip certain properties during iteration?
Awesome!
Completion rate improved to 2.27Objektin Ominaisuuksien Läpikäynti For...In-silmukalla
Pyyhkäise näyttääksesi valikon
Tässä osiossa perehdytään edistyneisiin olioiden käsittelytapoihin. Käsittelemme erityisesti olioiden läpikäyntiä sekä hyödyllisiä menetelmiä, joita JavaScript tarjoaa tehokkaaseen olioiden käsittelyyn.
for...in-silmukka
Olioiden ominaisuuksien käsittelyyn, mukaan lukien niiden läpikäynti, voidaan käyttää for...in-silmukkaa. Tämän silmukan avulla voidaan käydä läpi olion ominaisuudet ja niiden arvot.
for...in-silmukka on JavaScriptin rakenne, joka on suunniteltu erityisesti olion ominaisuuksien läpikäyntiin. Sen avulla voidaan käsitellä jokaisen ominaisuuden nimeä (avainta) ja siihen liittyvää arvoa.
Tässä on for...in-silmukan perussyntaksi:
for (let key in object) {
// Code to be executed for each property
}
key: Muuttuja, joka sisältää nykyisen ominaisuuden nimen jokaisella iteraatiolla;object: Olio, jonka ominaisuudet halutaan käydä läpi.
Olion ominaisuuksien läpikäynti käytännössä
Tarkastellaan esimerkkiä oliosta, joka kuvaa kukkaa:
const flower = {
genus: "Allium",
species: "Allium sativum",
color: "Purple",
height: 24,
isEdible: true,
isBlooming: true,
};
Käytetään nyt for...in-silmukkaa käydäksemme läpi flower-olion ominaisuudet ja tulostaaksemme jokaisen ominaisuuden nimen ja arvon:
123456789101112const flower = { genus: "Allium", species: "Allium sativum", color: "Purple", height: 24, isEdible: true, isBlooming: true, }; for (let key in flower) { console.log(`Property: ${key}, Value: ${flower[key]}`); }
1. Mikä on for...in-silmukan ensisijainen tarkoitus työskenneltäessä olioiden kanssa?
2. Mitä key-muuttuja edustaa for...in-silmukassa?
3. Mikä osa for...in-silmukan syntaksista sisältää olion, jota haluat käydä läpi?
4. Mitä tulostetaan, kun iteroidaan motorbike-olion ominaisuuksia alla olevassa koodissa?
Kiitos palautteestasi!
