Menu
Coddy logo textTech

Объявление кортежей и доступ к ним

Часть раздела Введение в TypeScript путешествия по JavaScript на Coddy. Урок 16 из 73.

Синтаксис создания кортежа прост: вы указываете типы каждого элемента в квадратных скобках в том порядке, в котором они должны располагаться.

Для объявления кортежа используется формат [Type1, Type2, Type3], где каждый тип соответствует определенной позиции:

let productInfo: [string, number] = ["Laptop", 999];
let coordinates: [number, number] = [10, 20];
let userRecord: [number, string, boolean] = [1, "Alice", true];

Доступ к элементам кортежа работает точно так же, как доступ к элементам массива с использованием индексной нотации. TypeScript знает точный тип в каждой позиции, поэтому вы получаете полную типобезопасность:

let product: [string, number] = ["Phone", 599];
console.log(product[0]); // "Phone" (TypeScript знает, что это строка)
console.log(product[1]); // 599 (TypeScript знает, что это число)

Ключевое преимущество заключается в том, что TypeScript контролирует как правильный тип, так и правильную позицию. Если вы попытаетесь обратиться к product[0].toFixed(), TypeScript обнаружит ошибку, так как он знает, что первый элемент является строкой, а не числом.

challenge icon

Задание

Легко

Создайте кортеж с именем productInfo, который содержит строку (название продукта), за которой следует число (цена). Инициализируйте его названием продукта "Gaming Mouse" и ценой 79.

Затем создайте еще один кортеж с именем coordinates, который содержит два числа, представляющих координаты x и y. Инициализируйте его значениями 15 и 25.

Получите доступ и выведите название продукта из кортежа productInfo.

Получите доступ и выведите цену из кортежа productInfo.

Получите доступ и выведите координату x из кортежа coordinates.

Получите доступ и выведите координату y из кортежа coordinates.

Выведите каждое значение на отдельной строке в порядке, указанном выше.

Попробуйте сами

// TODO: Напишите свой код здесь
// Создайте кортеж productInfo с названием продукта и ценой
// Создайте кортеж coordinates с позициями x и y
// Получите доступ и выведите каждое значение, как указано
quiz iconПроверьте себя

В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.

Все уроки раздела Введение в TypeScript

Потренируйтесь самостоятельно: Онлайн-компилятор JavaScript