Объявление кортежей и доступ к ним
Часть раздела Введение в 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 обнаружит ошибку, так как он знает, что первый элемент является строкой, а не числом.
Задание
ЛегкоСоздайте кортеж с именем productInfo, который содержит строку (название продукта), за которой следует число (цена). Инициализируйте его названием продукта "Gaming Mouse" и ценой 79.
Затем создайте еще один кортеж с именем coordinates, который содержит два числа, представляющих координаты x и y. Инициализируйте его значениями 15 и 25.
Получите доступ и выведите название продукта из кортежа productInfo.
Получите доступ и выведите цену из кортежа productInfo.
Получите доступ и выведите координату x из кортежа coordinates.
Получите доступ и выведите координату y из кортежа coordinates.
Выведите каждое значение на отдельной строке в порядке, указанном выше.
Попробуйте сами
// TODO: Напишите свой код здесь
// Создайте кортеж productInfo с названием продукта и ценой
// Создайте кортеж coordinates с позициями x и y
// Получите доступ и выведите каждое значение, как указаноВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Введение в TypeScript
1Начало работы с TS
Что такое TypeScript?Зачем использовать TypeScript?Ваш первый код на TypeScriptПроцесс компиляции и ошибкиИтоги: Введение в TS4Работа с функциями
Типизация параметров и возвращаемых значенийТипизация стрелочных функцийТип возвращаемого значения 'void'Необязательные параметры с '?'Значения параметров по умолчаниюТипизация Rest-параметровОпределение типов функцийИтоги: Создание типизированных функций2Основные типы
Базовые типы: str, num, booleanТип 'any': лазейкаТип 'unknown'Работа с 'null' и 'undef'Вывод типов в действииЯвные аннотации типовИтоги: Практика по основным типам5Типы: псевдонимы, объединения и пересечения
Псевдонимы типов для примитивовТипы объединения ('|')Работа с типами объединенияЛитеральные типыТипы пересечения ('&')Комбинирование псевдонимов типовИтоги: продвинутые комбинации типов3Структуры данных: массивы и кортежи
Типизированные массивыМодификатор 'readonly' для массивовЧто такое кортеж?Объявление кортежей и доступ к нимДеструктуризация кортежейКортежи readonlyМногомерные типизированные массивыОператор spread с массивамиИтоги: массивы и кортежиПотренируйтесь самостоятельно: Онлайн-компилятор JavaScript