JavaScripti objekti atribuutide itereerimine

JavaScripti objektide iteratsiooni uurimine

JavaScripti objektid on võtme-väärtuste paarides andmete salvestamisel ja haldamisel üliolulised. Nende objektidega töötades tuleb võtmetele ja väärtustele juurde pääsemiseks sageli nende atribuute läbi vaadata.

See õpetus juhendab teid JavaScripti objekti atribuutide loendamise erinevate meetodite kaudu. Olenemata sellest, kas olete JavaScripti uus kasutaja või soovite oma oskusi täiustada, on nende tehnikate mõistmine tõhusa kodeerimise jaoks hädavajalik.

JavaScripti objektide iteratsioonitehnikate mõistmine

Pakutavad skriptid pakuvad JavaScripti objekti omaduste itereerimiseks erinevaid meetodeid. Esimene skript kasutab a for...in tsükkel, mis kordab objekti kõiki loendatavaid omadusi. Selles ahelas on hasOwnProperty() meetod kontrollib, kas objektil on määratud omadus oma varana, tagades, et päritud atribuute ei kaasata. See meetod on kasulik, kui peate sooritama toiminguid objekti iga atribuudiga, näiteks logima või muutma väärtusi.

Teine skript kasutab ära Object.keys() meetod, mis tagastab objekti enda loendatavate omaduste nimede massiivi. The forEach() meetodit kasutatakse seejärel selle massiivi itereerimiseks, pakkudes lihtsamat ja loetavamat lähenemisviisi võrreldes for...in silmus. Kolmas skript kasutab Object.entries(), mis tagastab objekti enda loendatavate string-võtmega atribuutide [võti, väärtus] paaride massiivi. A for...of tsüklit kasutatakse nende paaride kordamiseks, pakkudes kokkuvõtlikku viisi nii võtmetele kui ka väärtustele üheaegselt juurde pääseda.

const p = {"p1": "value1", "p2": "value2", "p3": "value3"};
for (const key in p) {
  if (p.hasOwnProperty(key)) {
    console.log(key + ": " + p[key]);
  }
}

const p = {"p1": "value1", "p2": "value2", "p3": "value3"};
Object.keys(p).forEach(key => {
  console.log(key + ": " + p[key]);
});

const p = {"p1": "value1", "p2": "value2", "p3": "value3"};
for (const [key, value] of Object.entries(p)) {
  console.log(key + ": " + value);
}

Täiustatud tehnikad JavaScripti objektide itereerimiseks

Lisaks eelnevalt käsitletud meetoditele on veel üks kasulik tehnika JavaScripti objektide itereerimiseks Object.values() meetod. See meetod tagastab objekti enda loendatavate atribuutide väärtuste massiivi. See on eriti kasulik, kui vajate ainult väärtusi, mitte võtmeid. Seejärel saate kasutada forEach() või muud massiivimeetodid nende väärtuste töötlemiseks. See meetod lihtsustab stsenaariume, kus võtmed ei ole antud ülesande jaoks olulised.

Kasutatakse veel üht täiustatud meetodit Reflect.ownKeys(), mis tagastab kõigi atribuutide massiivi, sealhulgas mitteloendatavad ja sümboliomadused. See meetod on põhjalikum kui Object.keys() ja Object.getOwnPropertyNames(). Kui kombineerida for...of, võimaldab see arendajatel korrata objekti kõiki omadusi ühtsel viisil. Nende täiustatud meetodite mõistmine laiendab teie tööriistakomplekti keerukate objektide käsitlemiseks ja tagab, et saate tõhusalt käsitleda mitmesuguseid iteratsioonistsenaariume.