Riješeno: objekt nizova

U web razvoju, manipulacija objektima i nizovima je očita i vitalna. Bilo da se radi o jezicima za statično tipkanje kao što je TypeScript ili dinamičkim jezicima kao što je JavaScript, dobro razumijevanje ovih osnova obećava lakši put kodiranja. Ovaj članak pruža sveobuhvatan pristup radu s omotnicom nizova u TypeScriptu.

Rješenje počiva na identificiranju izazova pri ruci gdje problemi obično proizlaze iz upravljanja svojstvima objekta, pristupa ili mijenjanja vrijednosti povezanih s tim svojstvima, ili oboje.

interface StringObject {
    [key: string]: string;
}

let obj: StringObject= {
    prop1: "value1",
    prop2: "value2",
};

Definirali smo sučelje `StringObject` koje se sastoji od ključeva tipa `string` i odgovarajućih vrijednosti tipa `string`. Zatim se deklarira `StringObject` pod nazivom 'obj'.

Razumijevanje objekata i svojstava

Objekti u TypeScriptu, slični objektima iz stvarnog života, nose svojstva koja se mogu smatrati karakteristikama ili atributima tih objekata. Svako svojstvo podiže ključ (naziv svojstva) i vrijednost (vrijednost svojstva). Ključevi objekta su nizovi ili simboli. Vrijednosti mogu biti bilo koje vrste podataka.

Istraživanje KeyOf, In & TypeOf ključnih riječi

U domeni TypeScripta ključna riječ `keyof` ima važnu ulogu. TypeScript koristi indeksirane tipove s "keyof" i "in" za ponavljanje kroz ključeve.

type ObjectKeys = keyof StringObject;

for(let key in obj){
   let value: StringObject[ObjectKeys];
   value = obj[key];
   console.log(value);
}

`keyof` je ključna riječ koja proizvodi string ili numeričku literalnu uniju mogućih naziva svojstava. Ovdje smo stvorili novi tip, `ObjectKeys`, koji će odgovarati ključevima `StringObject`.

Nakon toga, upotrijebili smo petlju `for..in` za prolazak kroz svojstva u objektu i dodijelili odgovarajuću vrijednost varijabli `value`, čiji je tip `StringObject[ObjectKeys]`.

Snaga TypeScript biblioteka

Velika prednost TypeScripta je njegova kompilacija u jednostavan JavaScript. To za nas, programere, znači da uz vlastite knjižnice TypeScripta, tisuće visokokvalitetnih JavaScript biblioteka, od Reacta do Expressa, ostaju na raspolaganju, dodatno poboljšavajući funkcionalnost TypeScripta.

Korištenje Array.Prototype.Map()

TypeScript proširuje JavaScript-ovu ES6 funkcionalnost, kao što je Arrayova funkcija karte. Ova funkcija je zgodna za transformaciju i manipuliranje nizovima.

let propValues = Object.keys(obj).map(key => obj[key]);
console.log(propValues);

Ovdje koristimo `Object.keys(obj)` za stvaranje niza svojstava `obj``, koji se zatim transformira u niz odgovarajućih vrijednosti putem funkcije `map()`.

Zapamtiti: Srž svladavanja programskih jezika kao što je TypeScript kontinuirano je istraživanje i primjena, od shvaćanja osnova objekata i nizova do implementacije različitih TypeScript biblioteka. Shvatite koncepte, uključite ih i svjedočite rastu svoje učinkovitosti TypeScripta.

Povezani postovi:

Ostavite komentar