În dezvoltarea web, manipularea obiectelor și a șirurilor de caractere este evidentă și vitală. Fie că este vorba în limbaje de tastare statică, cum ar fi TypeScript sau dinamice, cum ar fi JavaScript, o înțelegere aprofundată a acestor elemente fundamentale promite o călătorie de codare mai fluidă. Acest articol oferă o abordare cuprinzătoare pentru a trata un plic de șiruri în TypeScript.
Soluția se bazează pe identificarea provocării la îndemână în cazul în care problemele apar de obicei din gestionarea proprietăților unui obiect, accesarea sau modificarea valorilor asociate acestor proprietăți sau ambele.
interface StringObject {
[key: string]: string;
}
let obj: StringObject= {
prop1: "value1",
prop2: "value2",
};
Am definit o interfață `StringObject` care cuprinde chei de tip `string` și valori corespunzătoare de tip `string`. Un „StringObject” numit „obj” este apoi declarat.
Înțelegerea obiectelor și proprietăților
Obiectele din TypeScript, asemănătoare obiectelor din viața reală, au proprietăți care ar putea fi considerate caracteristici sau atribute ale acestor obiecte. Fiecare proprietate conține o cheie (numele proprietății) și o valoare (valoarea proprietății). Cheile unui obiect sunt șiruri sau simboluri. Valorile pot fi de orice tip de date.
Explorarea cuvintelor cheie KeyOf, In & TypeOf
În domeniul TypeScript, cuvântul cheie `keyof` are un rol important. TypeScript folosește tipuri indexate cu `keyof` și `in` pentru a itera prin taste.
type ObjectKeys = keyof StringObject;
for(let key in obj){
let value: StringObject[ObjectKeys];
value = obj[key];
console.log(value);
}
`keyof` este un cuvânt cheie care produce un șir sau o uniune literală numerică a numelor posibile de proprietăți. Aici, am creat un nou tip, `ObjectKeys`, care va corespunde cheilor `StringObject`.
După aceea, am folosit o buclă `for..in` pentru a rula proprietățile din obj și am atribuit valoarea corespunzătoare variabilei `value`, al cărei tip este `StringObject[ObjectKeys]`.
Puterea bibliotecilor TypeScript
Un mare avantaj al TypeScript este compilarea lui în JavaScript simplu. Acest lucru înseamnă pentru noi, programatorii, că pe lângă bibliotecile proprii ale TypeScript, mii de biblioteci JavaScript de înaltă calitate, de la React la Express, rămân la dispoziția noastră, îmbunătățind și mai mult funcționalitatea TypeScript.
Folosind Array.Prototype.Map()
TypeScript extinde funcționalitatea ES6 a JavaScript, cum ar fi funcția de hartă a Array. Această funcție este utilă pentru transformarea și manipularea matricelor.
let propValues = Object.keys(obj).map(key => obj[key]); console.log(propValues);
Aici, folosim `Object.keys(obj)` pentru a crea o matrice de proprietăți ale lui `obj`, care este apoi transformată într-o matrice de valori corespunzătoare prin intermediul funcției `map()`.
Amintiţi-vă: Cheia stăpânirii limbajelor de programare precum TypeScript este o explorare și o aplicație continuă, de la înțelegerea elementelor de bază ale obiectelor și șirurilor de caractere până la implementarea diverselor biblioteci TypeScript. Înțelegeți conceptele, încorporați-le și observați creșterea eficienței TypeScript.
