Kuriant internetą, manipuliavimas objektais ir eilutėmis yra akivaizdus ir gyvybiškai svarbus. Nesvarbu, ar tai būtų statinio spausdinimo kalbos, pvz., „TypeScript“, ar dinaminės, pvz., „JavaScript“, geras šių pagrindų supratimas žada sklandesnę kodavimo kelionę. Šiame straipsnyje pateikiamas išsamus požiūris, kaip elgtis su eilučių apvalkalu „TypeScript“.
Sprendimas priklauso nuo esamo iššūkio nustatymo, kai problemų paprastai kyla dėl objekto savybių valdymo, prieigos prie su šiomis savybėmis susijusių verčių ar jų keitimo arba abiejų.
interface StringObject {
[key: string]: string;
}
let obj: StringObject= {
prop1: "value1",
prop2: "value2",
};
Apibrėžėme sąsają „StringObject“, kurią sudaro „string“ tipo raktai ir atitinkamos „string“ tipo reikšmės. Tada deklaruojamas „StringObject“, pavadintas „obj“.
Objektų ir savybių supratimas
„TypeScript“ objektai, panašūs į realaus gyvenimo objektus, turi savybių, kurios gali būti laikomos šių objektų savybėmis arba atributais. Kiekviena nuosavybė turi raktą (ypatybės pavadinimą) ir vertę (nuosavybės vertę). Objekto klavišai yra eilutės arba simboliai. Reikšmės gali būti bet kokio tipo duomenų.
„KeyOf“, „In“ ir „TypeOf“ raktinių žodžių tyrinėjimas
„TypeScript“ srityje raktinis žodis „keyof“ vaidina svarbų vaidmenį. „TypeScript“ naudoja indeksuotus tipus su „keyof“ ir „in“, kad kartotų raktus.
type ObjectKeys = keyof StringObject;
for(let key in obj){
let value: StringObject[ObjectKeys];
value = obj[key];
console.log(value);
}
„keyof“ yra raktinis žodis, sukuriantis eilutę arba skaitinę galimų savybių pavadinimų sąjungą. Čia mes sukūrėme naują tipą „ObjectKeys“, kuris atitiks „StringObject“ raktus.
Po to mes panaudojome ciklą „for..in“, kad paleistume objekto ypatybes ir priskyrėme atitinkamą reikšmę kintamajam „value“, kurio tipas yra „StringObject[ObjectKeys]“.
„TypeScript“ bibliotekų galia
Didelis „TypeScript“ pranašumas yra jo kompiliavimas į paprastą „JavaScript“. Tai reiškia, kad mums, programuotojams, be pačių „TypeScript“ bibliotekų, mūsų žinioje išlieka tūkstančiai aukštos kokybės „JavaScript“ bibliotekų, nuo „React“ iki „Express“, kurios dar labiau pagerina „TypeScript“ funkcionalumą.
Naudojant Array.Prototype.Map()
„TypeScript“ išplečia „JavaScript“ ES6 funkcijas, pvz., „Array“ žemėlapio funkciją. Ši funkcija yra patogi transformuojant ir manipuliuojant masyvais.
let propValues = Object.keys(obj).map(key => obj[key]); console.log(propValues);
Čia mes naudojame „Object.keys(obj)“, kad sukurtume „obj“ savybių masyvą, kuris vėliau paverčiamas atitinkamų reikšmių masyvu naudojant „map()“ funkciją.
Atminkite: Programavimo kalbų, tokių kaip TypeScript, įsisavinimo esmė yra nuolatinis tyrinėjimas ir taikymas, pradedant objektų ir eilučių pagrindų suvokimu ir baigiant įvairių TypeScript bibliotekų diegimu. Supraskite sąvokas, įtraukite jas ir stebėkite, kaip auga „TypeScript“ efektyvumas.
