TypeScript tuplelar
Yozilgan massivlar
tuple - har bir indeks uchun oldindan belgilangan uzunlik va tiplarga ega bo‘lgan tiplangan array.
Kortejlar juda yaxshi, chunki ular massivdagi har bir elementga ma’lum turdagi qiymat bo‘lishiga imkon beradi.
Kortejni aniqlash uchun massivdagi har bir element turini belgilang:
Misol
// define our tuple
let ourTuple: [number, boolean, string];
// initialize correctly
ourTuple = [5, false, 'Coding God was here'];
O‘zingiz sinab ko‘ring »
Ko‘rib turganingizdek, bizda raqam, mantiqiy va string mavjud.
Ammo ularni noto‘g‘ri tartibda o‘rnatishga harakat qilsak nima bo‘ladi:
Misol
// define our tuple
let ourTuple: [number, boolean, string];
// initialized incorrectly which throws an error
ourTuple = [false, 'Coding God was mistaken', 5];
O‘zingiz sinab ko‘ring »
Garchi bizda mavjud bo‘lsa ham
boolean ,
string ,
va number tartib bizning kortejda muhim va xatoga yo‘l qo‘yadi.
Faqat o‘qish uchun Tuple
Yaxshi amaliyot bu sizning tuple readonly .
Kortejlar faqat dastlabki qiymatlar uchun aniq belgilangan turlarga ega:
Misol
// define our tuple
let ourTuple: [number, boolean, string];
// initialize correctly
ourTuple = [5, false, 'Coding God was here'];
// We have no type safety in our tuple for indexes 3+
ourTuple.push('Something new and wrong');
console.log(ourTuple);
O‘zingiz sinab ko‘ring »
Siz yangi qiymatni ko‘rishingiz mumkin.
Kortejlar faqat dastlabki qiymatlar uchun aniq belgilangan turlarga ega:
Misol
// define our readonly tuple
const ourReadonlyTuple: readonly [number, boolean, string] = [5, true, 'The Real Coding God'];
// throws error as it is readonly.
ourReadonlyTuple.push('Coding God took a day off');
O‘zingiz sinab ko‘ring »
readonly kabi kirish modifikatorlari haqida ko‘proq ma’lumot olish uchun ular haqidagi bo‘limimizga bu yerdan o‘ting: TypeScript Classes .
Agar siz React-dan foydalangan bo‘lsangiz, tuplelar bilan ishlagan bo‘lishingiz mumkin.
useState qiymat kortejini va sozlash funksiyasini qaytaradi.
const [firstName, setFirstName] = useState('Dylan') keng tarqalgan misoldir.
Tuzilishi tufayli biz bilamizki, bizning ro‘yxatimizda birinchi qiymat ma’lum bir qiymat turi bo‘ladi, bu holda string, ikkinchi qiymat esa function bo‘ladi.
Nomlangan Tuplelar
Named tuples har bir indeksdagi qadriyatlarimiz uchun kontekstni taqdim etishimizga imkon beradi.
Misol
const graph: [x: number, y: number] = [55.2, 41.3];
Named tuples indeks qiymatlarimiz nimani anglatishini ko‘proq kontekst bilan ta’minlaydi.
Tuplelarni buzish
Kortejlar massiv bo‘lgani uchun biz ularni ham buzishimiz mumkin.
Misol
const graph: [number, number] = [55.2, 41.3];
const [x, y] = graph;
Buzilishni ko‘rib chiqish uchun uni tekshiring shu yerda.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!