TypeScript tuple — Кортежи

TypeScript tuple — Кортежи

От автора: временами у нас возникает необходимость хранить набор значений различных типов. Этой цели массивы послужить не смогут. В TypeScript tuple — это тип данных под названием кортежи, которые помогают решить эту задачу.

Они представляют набор разнородных значений. Другими словами, кортежи обеспечивают хранение множественных полей различных типов. Кортежи могут быт также переданы функциям в качестве параметров.

Синтаксис

Фреймворк VUE JS: быстрый старт, первые результаты

Получите бесплатный курс и создайте веб-приложение на трендовой Frontend-технологии VUE JS с полного нуля

Узнать подробнее

Для примера

Вы можете объявить в Typescript пустой кортеж и инициализировать его позже.

Доступ к значениям в кортежах

Отдельно взятые значения кортежа называются элементами. Кортежи основываются на индексе. Это значит, что получить доступ к элементам в кортеже можно, используя их соответствующий числовой индекс. Индекс элемента в кортеже начинается с нуля и увеличивается до n-1 (где n — это размер кортежа).

Синтаксис

Пример: Простой кортеж

В вышеприведённои примере объявляется кортеж mytuple. Этот кортеж содержит значения числового и строчного типов данных соответственно. После компиляции, мы получим тот же код JavaScript. Результат выглядит следующим образом:

Пример: Пустой кортеж

После компиляции, мы получим тот же код JavaScript. Результат выглядит следующим образом:

Фреймворк VUE JS: быстрый старт, первые результаты

Получите бесплатный курс и создайте веб-приложение на трендовой Frontend-технологии VUE JS с полного нуля

Узнать подробнее

Операции с кортежами

Кортежи в TypeScript поддерживают различные операции, например, отправку нового элемента, удаление элемента из кортежа и другие. Пример

push() добавляет элемент в кортеж

pop() удаляет из кортежа и возвращает последнее значение

После компиляции, мы получим тот же код JavaScript. Результат выглядит следующим образом:

Модификация кортежей

Кортежи являются модифицируемыми, то есть мы можем их оптимизировать или изменять значения элементов кортежа. Пример

После компиляции, мы получим тот же код JavaScript. Результат выглядит следующим образом:

Деструктуризация кортежа

Деструктуризация означает разрушение структуры элемента. TypeScript поддерживает деструктуризацию, если речь идёт о кортежах. Пример

После компиляции мы получим следующий JavaScript код:

Результат выглядит следующим образом:

Источник: https://www.tutorialspoint.com/

Редакция: Команда webformyself.

Фреймворк VUE JS: быстрый старт, первые результаты

Получите бесплатный курс и создайте веб-приложение на трендовой Frontend-технологии VUE JS с полного нуля

Узнать подробнее

Курс по ES 6 (EcmaScript 6.0)

Прямо сейчас посмотрите курс по EcmaScript 6.0

Смотреть курс

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Я не робот.

Spam Protection by WP-SpamFree