En el desenvolupament web, la manipulació d'objectes i cadenes és evident i vital. Ja sigui en llenguatges d'escriptura estàtic com TypeScript o dinàmics com JavaScript, una bona comprensió d'aquests fonaments promet un viatge de codificació més fluid. Aquest article ofereix un enfocament complet per tractar un sobre de cadenes a TypeScript.
La solució es basa en identificar el repte en qüestió on els problemes solen sorgir de la gestió de les propietats d'un objecte, l'accés o l'alteració dels valors associats a aquestes propietats, o ambdues coses.
interface StringObject {
[key: string]: string;
}
let obj: StringObject= {
prop1: "value1",
prop2: "value2",
};
Hem definit una interfície `StringObject` que inclou claus de tipus `string` i els valors corresponents de tipus `string`. Aleshores es declara un "StringObject" anomenat "obj".
Comprensió dels objectes i propietats
Els objectes de TypeScript, semblants als objectes de la vida real, tenen propietats que es podrien considerar com a característiques o atributs d'aquests objectes. Cada propietat inclou una clau (nom de la propietat) i un valor (valor de la propietat). Les claus d'un objecte són cadenes o símbols. Els valors poden ser de qualsevol tipus de dades.
Explorant les paraules clau KeyOf, In i TypeOf
En el domini de TypeScript, la paraula clau `keyof` té un paper important. TypeScript utilitza tipus indexats amb "keyof" i "in" per iterar a través de les claus.
type ObjectKeys = keyof StringObject;
for(let key in obj){
let value: StringObject[ObjectKeys];
value = obj[key];
console.log(value);
}
`keyof` és una paraula clau que produeix una cadena o unió literal numèrica de possibles noms de propietat. Aquí, hem creat un nou tipus, `ObjectKeys`, que correspondrà a les claus de l'`StringObject`.
Després d'això, hem utilitzat un bucle "for..in" per recórrer les propietats de l'obj i hem assignat el valor corresponent a la variable "valor", el tipus de la qual és "StringObject[ObjectKeys]".
El poder de les biblioteques TypeScript
Un gran avantatge de TypeScript és la seva compilació a JavaScript senzill. Això significa per a nosaltres, programadors, que a més de les biblioteques pròpies de TypeScript, milers de biblioteques de JavaScript d'alta qualitat, des de React a Express, romanen a la nostra disposició, millorant encara més la funcionalitat de TypeScript.
Utilitzant Array.Prototype.Map()
TypeScript amplia la funcionalitat ES6 de JavaScript, com ara la funció de mapa de Array. Aquesta funció és útil per transformar i manipular matrius.
let propValues = Object.keys(obj).map(key => obj[key]); console.log(propValues);
Aquí, estem utilitzant `Object.keys(obj)` per crear una matriu de propietats de `obj`, que després es transforma en una matriu de valors corresponents mitjançant la funció `map()`.
Recordeu: El quid del domini de llenguatges de programació com TypeScript és una exploració i una aplicació contínues, des de comprendre els conceptes bàsics d'objectes i cadenes fins a la implementació de diverses biblioteques TypeScript. Compreneu els conceptes, incorporeu-los i observeu com creix l'eficiència de TypeScript.
