Veebiarenduses on objektide ja stringidega manipuleerimine ilmne ja oluline. Olgu see siis staatilistes tippimiskeeltes (nt TypeScript) või dünaamilistes keeltes (nt JavaScript), nende põhialuste põhjalik mõistmine lubab sujuvamat kodeerimise teekonda. See artikkel pakub terviklikku lähenemisviisi stringide ümbriku käsitlemiseks TypeScriptis.
Lahendus põhineb väljakutse tuvastamisel, mille puhul probleemid tekivad tavaliselt objekti omaduste haldamisest, nende omadustega seotud väärtustele juurdepääsust või nende muutmisest või mõlemast.
interface StringObject {
[key: string]: string;
}
let obj: StringObject= {
prop1: "value1",
prop2: "value2",
};
Oleme määratlenud liidese "StringObject", mis sisaldab võtmeid tüübiga "string" ja vastavaid tüübi "string" väärtusi. Seejärel deklareeritakse "StringObject" nimega "obj".
Objektide ja omaduste mõistmine
TypeScripti objektid, mis on sarnased päriseluobjektidega, kannavad omadusi, mida võib pidada nende objektide omadusteks või atribuutideks. Iga vara tõstab võtme (atribuudi nimi) ja väärtuse (vara väärtus). Objekti klahvid on stringid või sümbolid. Väärtused võivad olla mis tahes andmetüübid.
Märksõnade KeyOf, In ja TypeOf uurimine
TypeScripti domeenis on võtmesõnal "keyof" oluline roll. TypeScript kasutab võtmete kordamiseks indekseeritud tüüpe koos võtmetega "keyof" ja "in".
type ObjectKeys = keyof StringObject;
for(let key in obj){
let value: StringObject[ObjectKeys];
value = obj[key];
console.log(value);
}
`keyof` on märksõna, mis loob võimalike atribuutide nimede stringi või numbrilise sõnaühendi. Siin oleme loonud uue tüübi "ObjectKeys", mis vastab "StringObject" võtmetele.
Pärast seda oleme kasutanud tsüklit "for..in", et läbida objekti obj atribuudid, ja määranud vastava väärtuse muutujale "value", mille tüüp on "StringObject[ObjectKeys]".
TypeScripti teekide jõud
TypeScripti suur eelis on selle kompileerimine lihtsaks JavaScriptiks. See tähendab meie, programmeerijate jaoks, et lisaks TypeScripti enda teekidele jäävad meie käsutusse tuhanded kvaliteetsed JavaScripti teegid alates Reactist kuni Expressini, täiustades veelgi TypeScripti funktsionaalsust.
Array.Prototype.Map() kasutamine
TypeScript laiendab JavaScripti ES6 funktsionaalsust, näiteks Array kaardifunktsiooni. See funktsioon on mugav massiivide teisendamiseks ja manipuleerimiseks.
let propValues = Object.keys(obj).map(key => obj[key]); console.log(propValues);
Siin kasutame objekti Object.keys(obj) objekti obj atribuutide massiivi loomiseks, mis seejärel teisendatakse funktsiooni "map()" kaudu vastavate väärtuste massiiviks.
Pea meeles: programmeerimiskeelte, näiteks TypeScripti, omandamise tuum on pidev uurimine ja rakendamine, alates objektide ja stringide põhitõdede omandamise kuni erinevate TypeScripti teekide rakendamiseni. Saa aru kontseptsioonidest, rakenda neid ja ole tunnistajaks oma TypeScripti efektiivsuse kasvule.
