Tuple

TypeScript Tuplar

Turlangan Massivlar

Tuple — bu oldindan belgilangan uzunlik va har bir indeks uchun turlar bilan turlangan massiv.

Tuplar juda foydali, chunki ular massivdagi har bir element ma'lum bir qiymat turi bo'lishiga imkon beradi.

Tuplarni aniqlash uchun, massivdagi har bir element turini ko'rsating:

Misol:

// tuplimizni aniqlaymiz
let ourTuple: [number, boolean, string];
 
// to'g'ri tashkillashtirish
ourTuple = [5, false, 'Coding God bu yerda edi'];

Ko'rib turganingizdek, bizda raqam, boolean va string mavjud. Ammo agar ularni noto'g'ri tartibda o'rnatmoqchi bo'lsak nima bo'ladi:

Misol:

// tuplimizni aniqlaymiz
let ourTuple: [number, boolean, string];
 
// noto'g'ri tashkillashtirish, xatoga olib keladi
ourTuple = [false, 'Coding God adashdi', 5];

Garchi bizda boolean, string va raqam bo'lsa ham, tuplarda tartib muhim va xatoga olib keladi.

readonly Tuple

Yaxshi amaliyot tuplarni readonly qilishdir.

Tuplarda faqat boshlang'ich qiymatlar uchun aniq turlar mavjud:

Misol:

// tuplimizni aniqlaymiz
let ourTuple: [number, boolean, string];
// to'g'ri tashkillashtirish
ourTuple = [5, false, 'Coding God bu yerda edi'];
// 3+ indekslar uchun tuplarda tur xavfsizligi yo'q
ourTuple.push('Noto'g'ri va yangi narsa');
console.log(ourTuple);

Ko'rdingizmi, yangi qiymat qo'shildi. Tuplarda faqat boshlang'ich qiymatlar uchun aniq turlar mavjud.

Misol:

// readonly tuplimizni aniqlaymiz
const ourReadonlyTuple: readonly [number, boolean, string] = [5, true, 'Haqiqiy Coding God'];
// readonly bo'lgani uchun xatolik chiqaradi
ourReadonlyTuple.push('Coding God dam oldi');

Readonly kabi kirish modifikatorlari haqida ko'proq ma'lumot olish uchun TypeScript Sinflari bo'limimizga murojaat qiling.

Agar siz React-dan foydalangan bo'lsangiz, ehtimol tuplar bilan ishlagansiz.

useState qiymat va setter funksiyasi tuplarini qaytaradi.

const [firstName, setFirstName] = useState('Dylan');

Bu umumiy misol. Struktura tufayli biz birinchi qiymatning turi string bo'lishini, ikkinchi qiymat esa funksiyadan iborat bo'lishini bilamiz.

Nomlangan Tuplar

Nomlangan tuplar har bir indeksdagi qiymatlarga kontekst berish imkonini beradi.

Misol:

const graph: [x: number, y: number] = [55.2, 41.3];

Nomlangan tuplar indeks qiymatlari nimani ifodalashini yaxshiroq tushunishga yordam beradi.

Tuplarni Destrukturatsiya Qilish

Tuplar massivlar bo'lganligi sababli, ularni destrukturatsiya qilishimiz mumkin.

Misol:

const graph: [number, number] = [55.2, 41.3];
const [x, y] = graph;