Как создать карту в TypeScript

“ Карты ” используются для хранения и извлечения пар ключ-значение. Это встроенная структура данных в TypeScript, похожая на карту JavaScript, но имеющая дополнительное преимущество проверки типов. Класс TypeScript Map предоставляет типобезопасный способ хранения пар ключ-значение с любым типом ключа и значения.

В этом блоге объясняются способы создания карты в TypeScript.

Как создать карту в TypeScript?

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

- Создайте карту с помощью конструктора «Карта»
- Создайте карту, используя тип «Record Utility»

Способ 1: Создайте карту с помощью конструктора «Карта»

Для создания карты в TypeScript используйте « карта 'Конструктор. При использовании конструктора «Карта» есть два способа создать карту в TypeScript:

- Либо вы можете объявить карту с помощью « новый ключевое слово », а затем используйте « набор() », чтобы добавить пары ключ-значение.
- Или инициализируйте карту парами ключ-значение во время объявления.

Синтаксис

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

новая карта < тип , тип > ( )
позволять карта = новая карта < строка, число > ( ) ;

Здесь « нить ', и ' число ” — это тип ключа и значения карты.

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

позволять карта = новая карта < строка, строка > ( [
[ 'ключ1' , 'значение1' ] ,
[ 'ключ2' , 'значение2' ]
] ) ;

Пример 1:

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

постоянные отметки = новая карта < строка, число > ( ) ;

Использовать ' набор() ” для добавления пар ключ-значение на карту:

отметки.набор ( «История» , 39 ) ;
отметки.набор ( 'География' , 25 ) ;
отметки.набор ( «Математика» , 40 ) ;
отметки.набор ( 'Английский' , 31 ) ;

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

console.log ( Метки ) ;

Теперь перенесите код TypeScript в код JavaScript, выполнив приведенную ниже команду на терминале:

tsc createMap.ts

Затем выполните код JavaScript с помощью следующей команды:

узел createMap.js

Выход

Примечание : обязательно транспилировать файл TypeScript после обновления кода TypeScript.

Пример 2:

Вы также можете инициализировать карту с помощью конструктора Map:

позволять отметки = новая карта < строка, строка > ( [
[ 'История' , '39' ] ,
[ 'География' , '25' ] ,
[ 'Математика' , '40' ] ,
[ 'Английский' , '31' ]
] ) ;

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

console.log ( Метки ) ;

Выход

Способ 2: создание карты с использованием типа «Record Utility»

Другой способ создать карту — использовать « Утилита записи ' тип. Это встроенный тип в TypeScript, который можно использовать для определения типа, представляющего карту пар ключ-значение. Он принимает два параметра: тип ключей и тип значений.

Синтаксис

Следуйте приведенному синтаксису для создания карты с использованием типа «Утилита записи»:

Записывать < тип , тип > '=' { }

Пример

Создайте карту, используя «Record Utility Type»:

постоянные отметки: запись < строка, строка > '=' { } ;

Присвойте значение ключам карты:

Метки [ «История» ] '=' '39' ;
Метки [ 'География' ] '=' '25' ;
Метки [ «Математика» ] '=' '40' ;
Метки [ 'Английский' ] '=' '31' ;

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

console.log ( Метки ) ;

Выход

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

Заключение

Есть два способа создать карту в TypeScript, например, используя « Конструктор карт ' и с помощью ' Тип утилиты записи ». Оба подхода работают хорошо, но первый подход является распространенным способом создания карты в TypeScript. В этом блоге объяснялись способы создания карты в TypeScript.

Как создать карту в TypeScript