Как инициализировать и объявить словарь в TypeScript

А “ словарь ” относится к типу структуры данных, которая содержит пары ключ-значение в неупорядоченном списке. Это эквивалентно «карте» в TypeScript. Это полезный инструмент для обработки данных в приложениях TypeScript. Процесс объявления и инициализации словаря в TypeScript прост и удобен. Словарь обычно объявляется и инициализируется в TypeScript с помощью служебного типа «Record».

В этом посте будут описаны методы объявления и инициализации словаря в Typescript.

Как инициализировать и объявить словарь в TypeScript?

Чтобы инициализировать и объявить словарь в TypeScript, используйте следующие подходы:

• • Использование индексированного объекта
  • Использование интерфейса
  • Использование карты ES6
  • Использование типа утилиты Record

Прежде чем двигаться дальше, сначала поймите, что для выполнения файла TypeScript его необходимо преобразовать в файл JavaScript после каждой модификации, а затем запустить код JavaScript на терминале с помощью данных команд:

Способ 1: инициализация и объявление словаря в TypeScript с использованием индексированного объекта

Чтобы инициализировать и объявить словарь, используйте « индексированный объект ». Это структура данных, которая связывает группу ключей с группой значений, где каждый ключ уникален и связан с определенным значением.

Синтаксис

Следующий синтаксис используется для инициализации и объявления словаря с использованием индексированного объекта:

Пример

Во-первых, мы определим словарь с именем « МойСловарь », который является индексированным типом объекта, описывающим форму нашего словаря:

Затем мы объявляем и инициализируем новую переменную « возрастСловарь 'типа' МойСловарь ” и назначьте ему объектный литерал с тремя парами ключ-значение:

Распечатайте словарь на консоли, передав переменную в « console.log() метод:

Выход

Если вы хотите получить значение любого указанного ключа словаря, вы можете использовать обозначение квадратных скобок «[ ]»:

На выходе отображается возраст « Камень ' то есть ' 27 ”:

Способ 2: инициализировать и объявить словарь в TypeScript с помощью интерфейса

Для инициализации и объявления словаря вы можете использовать « интерфейс ». Интерфейс в TypeScript — это способ выражения контракта, которому должен следовать объект. Он определяет атрибуты и типы свойств, которые требуются объекту, чтобы считаться экземпляром этого интерфейса.

Синтаксис

Следуйте приведенному синтаксису для инициализации и объявления словаря с использованием интерфейса:

Пример

Сначала определите словарь с именем « Информация », используя «интерфейс», который требует, чтобы любой реализующий его объект имел свойство имени типа «строка» и свойство возраста типа «число»:

Затем объявите и инициализируйте новую переменную « студенческий словарь 'типа' Информация 'с атрибутом ' идентификатор 'типа' число ”:

Наконец, распечатайте словарь на консоли:

Выход

Теперь мы получим доступ к объекту по индексу или идентификатору 2:

Выход

Способ 3: инициализировать и объявить словарь в TypeScript с использованием карты ES6

Вы также можете использовать подход ES6 Map для инициализации и объявления словаря в TypeScript. Это встроенная структура данных в JavaScript и TypeScript, которая позволяет хранить пары ключ-значение, где ключ и значение могут быть любого типа данных.

Синтаксис

Для использования карты ES6 следуйте указанному синтаксису:

Пример

Сначала мы создадим объект карты с помощью конструктора карты, указав тип ключей и значений как « нить ”:

Теперь используйте метод set(), чтобы добавить пары ключ-значение в словарь:

Распечатайте словарь в консоли:

Выход

Метод 4: Инициализация и объявление словаря в TypeScript с использованием типа Record Utility

Другой способ инициализировать и объявить словарь — использовать служебный тип «Record» в TypeScript. Это наиболее распространенный способ инициализации и объявления словаря. Это предварительно созданная структура данных в TypeScript, которая позволяет создавать тип с указанными ключами и значениями.

Синтаксис

Для типа утилиты Record используется следующий синтаксис:

Пример

В данном примере мы объявляем и инициализируем словарь с именем « студент ' используя ' Записывать ” тип утилиты для указания ключей и значений типа string:

Наконец, напечатайте словарь на консоли:

Выход

Мы собрали всю необходимую информацию, связанную с инициализацией и объявлением словаря в TypeScript.

Заключение

Чтобы инициализировать и объявить словарь в TypeScript, используйте « Индексированный объект », « ан Интерфейс », « Карта ES6 ' или ' Тип утилиты записи ». Наиболее распространенным способом инициализации и объявления словаря является «тип утилиты Record». В этом посте описаны методы объявления и инициализации словаря TypeScript.