I webutvikling er manipulering av objekter og strenger åpenbar og viktig. Det være seg i statiske skrivespråk som TypeScript eller dynamiske som JavaScript, en god forståelse av disse grunnleggende lover en jevnere kodereise. Denne artikkelen gir en omfattende tilnærming til å håndtere en konvolutt med strenger i TypeScript.
Løsningen hviler på å identifisere utfordringen for hånden der problemer vanligvis oppstår fra å administrere egenskapene til et objekt, få tilgang til eller endre verdier knyttet til disse egenskapene, eller begge deler.
interface StringObject {
[key: string]: string;
}
let obj: StringObject= {
prop1: "value1",
prop2: "value2",
};
Vi har definert et grensesnitt `StringObject` som omfatter nøkler av typen `string` og tilsvarende verdier av typen `string`. Et `StringObject` kalt "obj" blir deretter erklært.
Forstå objekter og egenskaper
Objekter i TypeScript, i likhet med virkelige objekter, har egenskaper som kan betraktes som egenskaper eller attributter til disse objektene. Hver eiendom heiser en nøkkel (eiendomsnavn) og en verdi (eiendomsverdi). Nøklene til et objekt er strenger eller symboler. Verdiene kan være av hvilken som helst datatype.
Utforske nøkkelordene KeyOf, In & TypeOf
I domenet til TypeScript har nøkkelordet "keyof" en viktig rolle. TypeScript bruker indekserte typer med 'keyof' og 'in' for å iterere gjennom nøkler.
type ObjectKeys = keyof StringObject;
for(let key in obj){
let value: StringObject[ObjectKeys];
value = obj[key];
console.log(value);
}
`keyof` er et nøkkelord som produserer en streng eller numerisk bokstavelig forening av mulige egenskapsnavn. Her har vi laget en ny type, `ObjectKeys`, som vil tilsvare nøklene til `StringObject`.
Etter det har vi brukt en `for..in`-løkke for å kjøre gjennom egenskaper i objektet og tildelt den tilsvarende verdien til variabelen `verdi`, hvis type er `StringObject[ObjectKeys]`.
Kraften til TypeScript-biblioteker
En stor fordel med TypeScript er kompileringen til enkel JavaScript. Dette betyr for oss, programmerere, at i tillegg til TypeScripts egne biblioteker, forblir tusenvis av høykvalitets JavaScript-biblioteker, fra React til Express, til vår disposisjon, noe som ytterligere forbedrer TypeScripts funksjonalitet.
Bruke Array.Prototype.Map()
TypeScript utvider JavaScripts ES6-funksjonalitet, for eksempel Arrays kartfunksjon. Denne funksjonen er nyttig for å transformere og manipulere matriser.
let propValues = Object.keys(obj).map(key => obj[key]); console.log(propValues);
Her bruker vi `Object.keys(obj)` for å lage en matrise med `obj`s egenskaper, som deretter transformeres til en matrise med tilsvarende verdier via `map()`-funksjonen.
Husk: Kjernen med å mestre programmeringsspråk som TypeScript er en kontinuerlig utforskning og bruk, fra å forstå det grunnleggende om objekter og strenger til implementering av varierte TypeScript-biblioteker. Forstå konseptene, inkorporer dem, og se at TypeScript-effektiviteten vokser.
