Как да създадете карта в TypeScript

Kak Da S Zdadete Karta V Typescript



Карти ” се използват за съхраняване и извличане на двойки ключ-стойност. Това е вградена структура от данни в TypeScript, която е подобна на JavaScript карта, но има допълнителното предимство на проверка на типа. Класът TypeScript Map предоставя безопасен от типа начин за съхраняване на двойки ключ-стойност с произволен тип ключ и стойност.

Този блог ще обясни начините за създаване на карта в TypeScript.







Как да създадете карта в TypeScript?

За създаване на карта в TypeScript използвайте следните подходи:



Метод 1: Създайте карта с помощта на конструктора „Карта“.

За да създадете карта в TypeScript, използвайте „ Карта ” конструктор. Докато използвате конструктора „Карта“, има два начина за създаване на карта в TypeScript:



    • Или можете да декларирате картата с „ нов ” и след това използвайте „ комплект() ” за добавяне на двойките ключ-стойност.
    • Или инициализирайте картата с двойки ключ-стойност по време на декларацията.

Синтаксис





Даденият синтаксис се използва за създаване на карта в TypeScript с помощта на конструктора Map:

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


Тук „ низ ', и ' номер ” е типът ключ и стойност на картата.



За да инициализирате картата по време на декларацията, използвайте следния синтаксис:

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


Пример 1:

Създайте карта с помощта на конструктора на карта, като дефинирате типа за ключа и стойността на картата:

const марки = нова карта < низ, число > ( ) ;


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

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


Накрая отпечатайте картата на конзолата:

console.log ( марки ) ;


Сега транспилирайте TypeScript кода в JavaScript кода, като изпълните дадената по-долу команда на терминала:

tsc createMap.ts


След това изпълнете JavaScript кода, като използвате следната команда:

възел createMap.js


Изход


Забележка : Задължително е да транспилирате TypeScript файла след актуализиране на TypeScript кода.

Пример 2:

Можете също да инициализирате картата с помощта на конструктора на карта:

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


Отпечатайте картата на конзолата, като използвате „ console.log() ” метод:

console.log ( марки ) ;


Изход

Метод 2: Създайте карта с помощта на типа „Помощна програма за запис“.

Друг начин за създаване на карта е да използвате „ Помощна програма за запис ' Тип. Това е вграден тип в TypeScript, който може да се използва за дефиниране на тип, който представлява карта на двойки ключ-стойност. Отнема два параметъра, типа на ключовете и типа на стойностите.

Синтаксис

Следвайте дадения синтаксис за създаване на карта с помощта на типа „Record Utility“:

Записвайте < Тип , Тип > = { }


Пример

Създайте карта с помощта на „Record Utility Type“:

const марки: Запис < низ, низ > = { } ;


Задайте стойността на ключовете на картата:

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


И накрая, отпечатайте картата на конзолата:

console.log ( марки ) ;


Изход


Предоставили сме цялата необходима информация, свързана със създаването на карта на TypeScript.

Заключение

Има два начина за създаване на карта в TypeScript, като например използването на „ Конструктор на карти “ и с помощта на „ Тип помощна програма за запис ”. И двата подхода се представят добре, но първият подход е обичайният начин за създаване на карта в TypeScript. Този блог обяснява начините за създаване на карта в TypeScript.