Sa web development, ang pagmamanipula ng mga bagay at string ay maliwanag at mahalaga. Maging ito sa static na mga wika sa pagta-type tulad ng TypeScript o mga dynamic na tulad ng JavaScript, ang matalas na pag-unawa sa mga pangunahing kaalaman na ito ay nangangako ng mas maayos na paglalakbay sa pag-coding. Ang artikulong ito ay nagbibigay ng komprehensibong diskarte sa pagharap sa isang sobre ng mga string sa TypeScript.
Ang solusyon ay nakasalalay sa pagtukoy sa hamon sa kamay kung saan ang mga problema ay kadalasang nagmumula sa pamamahala ng mga katangian ng isang bagay, pag-access o pagbabago ng mga halaga na nauugnay sa mga katangiang ito, o pareho.
interface StringObject { [key: string]: string; } let obj: StringObject= { prop1: "value1", prop2: "value2", };
Tinukoy namin ang isang interface na `StringObject` na binubuo ng mga key ng uri ng `string` at mga katumbas na halaga ng uri ng `string`. Ang isang `StringObject` na pinangalanang 'obj' ay idineklara.
Pag-unawa sa Mga Bagay at Katangian
Ang mga bagay sa TypeScript, na katulad ng mga bagay sa totoong buhay, ay nagtataglay ng mga katangian na maaaring ituring bilang mga katangian o katangian ng mga bagay na ito. Ang bawat property ay nagtataas ng susi (pangalan ng ari-arian) at isang halaga (halaga ng ari-arian). Ang mga susi ng isang bagay ay mga string o Simbolo. Ang mga halaga ay maaaring maging anumang uri ng data.
Paggalugad sa KeyOf, In at TypeOf Keywords
Sa domain ng TypeScript, ang `keyof` na keyword ay may mahalagang papel. Gumagamit ang TypeScript ng mga naka-index na uri na may `keyof` at `in` upang umulit sa mga key.
type ObjectKeys = keyof StringObject; for(let key in obj){ let value: StringObject[ObjectKeys]; value = obj[key]; console.log(value); }
Ang `keyof` ay isang keyword na gumagawa ng string o numeric literal na unyon ng mga posibleng pangalan ng property. Dito, gumawa kami ng bagong uri, `ObjectKeys`, na tumutugma sa mga key ng `StringObject`.
Kasunod noon, gumamit kami ng `for..in` na loop upang tumakbo sa mga property sa obj at itinalaga ang katumbas na value sa variable na `value`, na ang uri ay `StringObject[ObjectKeys]`.
Ang Kapangyarihan ng TypeScript Libraries
Ang isang mahusay na bentahe ng TypeScript ay ang compilation nito sa simpleng JavaScript. Nangangahulugan ito para sa amin, mga programmer, na bilang karagdagan sa sariling mga aklatan ng TypeScript, libu-libong mga aklatan ng JavaScript na may mataas na kalidad, mula sa React to Express, ay nananatili sa aming pagtatapon, na higit na nagpapahusay sa paggana ng TypeScript.
Paggamit ng Array.Prototype.Map()
Pinapalawak ng TypeScript ang ES6 functionality ng JavaScript, tulad ng function ng mapa ng Array. Ang function na ito ay madaling gamitin para sa pagbabago at pagmamanipula ng mga array.
let propValues = Object.keys(obj).map(key => obj[key]); console.log(propValues);
Dito, ginagamit namin ang `Object.keys(obj)` upang lumikha ng array ng mga property ng `obj`, na pagkatapos ay binago sa isang array ng mga katumbas na value sa pamamagitan ng function na `map()`.
Tandaan: Ang pinakabuod ng pag-master ng mga programming language tulad ng TypeScript ay isang patuloy na paggalugad at aplikasyon, mula sa pag-unawa sa mga pangunahing kaalaman ng mga bagay at string hanggang sa pagpapatupad ng iba't ibang TypeScript library. Intindihin ang mga konsepto, isama ang mga ito, at masaksihan ang paglaki ng iyong kahusayan sa TypeScript.