U web razvoju, manipulacija objektima i stringovima je očigledna i vitalna. Bilo da se radi o statičnim jezicima za kucanje kao što je TypeScript ili dinamičkim kao što je JavaScript, dobro razumijevanje ovih osnova obećava lakši put kodiranja. Ovaj članak pruža sveobuhvatan pristup radu sa omotom nizova u TypeScript-u.
Rješenje počiva na identifikaciji izazova u kojem se problemi obično javljaju zbog upravljanja svojstvima objekta, pristupanja ili mijenjanja vrijednosti povezanih sa ovim svojstvima, ili oboje.
interface StringObject {
[key: string]: string;
}
let obj: StringObject= {
prop1: "value1",
prop2: "value2",
};
Definirali smo interfejs `StringObject` koji sadrži ključeve tipa `string` i odgovarajuće vrijednosti tipa `string`. Zatim se deklarira `StringObject` pod nazivom 'obj'.
Razumijevanje objekata i svojstava
Objekti u TypeScript-u, slični objektima iz stvarnog života, nose svojstva koja se mogu smatrati karakteristikama ili atributima ovih objekata. Svako svojstvo podiže ključ (ime svojstva) i vrijednost (vrijednost svojstva). Ključevi objekta su nizovi ili simboli. Vrijednosti mogu biti bilo koje vrste podataka.
Istraživanje ključnih riječi KeyOf, In & TypeOf
U domenu TypeScript-a, ključna riječ `keyof` ima važnu ulogu. TypeScript koristi indeksirane tipove sa `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 niz ili numeričku literalnu uniju mogućih imena svojstava. Ovdje smo kreirali novi tip, `ObjectKeys`, koji će odgovarati ključevima `StringObject`.
Nakon toga, koristili smo `for..in` petlju da prolazimo kroz svojstva u obj i dodijelili odgovarajuću vrijednost varijabli `value`, čiji je tip `StringObject[ObjectKeys]`.
Moć biblioteka TypeScript
Velika prednost TypeScript-a je njegova kompilacija na jednostavan JavaScript. To za nas, programere, znači da pored TypeScript-ovih vlastitih biblioteka, hiljade visokokvalitetnih JavaScript biblioteka, od Reacta do Expressa, ostaju na raspolaganju, dodatno poboljšavajući funkcionalnost TypeScript-a.
Korištenje Array.Prototype.Map()
TypeScript proširuje JavaScript ES6 funkcionalnost, kao što je funkcija mapiranja Arraya. Ova funkcija je zgodna za transformaciju i manipulaciju nizovima.
let propValues = Object.keys(obj).map(key => obj[key]); console.log(propValues);
Ovdje koristimo `Object.keys(obj)` da kreiramo niz svojstava `obj`, koji se zatim transformira u niz odgovarajućih vrijednosti preko funkcije `map()`.
Zapamtite: Suština savladavanja programskih jezika kao što je TypeScript je kontinuirano istraživanje i primjena, od shvaćanja osnova objekata i nizova do implementacije različitih TypeScript biblioteka. Shvatite koncepte, ugradite ih i svjedočite kako raste vaša TypeScript efikasnost.
