Определение объекта карты, основные операции и общее использование в TypeScript
Определение объекта карты, основные операции и общее использование в TypeScript

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

Определите и создайте объекты карты

существовать TypeScript в, можно использовать Map Ключевое слово определяет Map объект, затем используйте new ключевое слово создает Map Пример. Например:

Язык кода:typescript
копировать
let map: Map<string, number> = new Map();

Приведенный выше код определяет файл с именем map из Map объект.<string, number> означает, что Map Ключи объектов имеют строковый тип, а значения имеют числовой тип.

Объект карты также может добавлять начальные пары ключ-значение при создании существования. Например:

Язык кода:typescript
копировать
let map: Map<string, number> = new Map([
  ['apple', 5],
  ['banana', 8]
]);

Приведенный выше код определяет файл с именем map из Map объект и добавил две начальные пары ключ-значение.

Основные операции

Добавляйте и получайте пары ключ-значение

использовать set(key: K, value: V): Map<K, V> направление метода Map Добавьте пары ключ-значение в объект. Например:

Язык кода:typescript
копировать
let map: Map<string, number> = new Map();

map.set('apple', 5);
map.set('banana', 8);

Приведенный выше код добавляет к объекту Map две пары ключ-значение.

использовать get(key: K): V | undefined Метод из Map объект в получении указывает ключ значения. Например:

Язык кода:typescript
копировать
let map: Map<string, number> = new Map();

map.set('apple', 5);
map.set('banana', 8);

console.log(map.get('apple')); // Выход: 5
console.log(map.get('orange')); // Выход: не определено

Приведенный выше код показывает, как получить Map объектключ, указанный визценить。

Удалить пару ключ-значение

использовать delete(key: K): boolean Метод из Map Удалить указанную пару ключ-значение в объекте. Если удаление прошло успешно, этот метод возвращает true;Если указанный ключ не существуетсуществовать,возвращаться false。Например:

Язык кода:typescript
копировать
let map: Map<string, number> = new Map();

map.set('apple', 5);
map.set('banana', 8);

console.log(map.delete('apple')); // Вывод: правда
console.log(map.delete('orange')); // Вывод: ложь

Приведенный выше код демонстрирует, как удалить Map объектвключценитьверно。

Определить, существует ли ключ

использовать has(key: K): boolean проверка метода Map объект содержит указанный ключ. Если ключ существует, верните true;в противном случаевозвращаться false。Например:

Язык кода:typescript
копировать
let map: Map<string, number> = new Map();

map.set('apple', 5);
map.set('banana', 8);

console.log(map.has('apple')); // Вывод: правда
console.log(map.has('orange')); // Вывод: ложь

Приведенный выше код показывает, как определить Map объект Содержит ли он указанноеизключ。

Очистить объект карты

использовать clear(): void метод Очистить объект карты, удалите все пары ключ-значение. Например:

Язык кода:typescript
копировать
let map: Map<string, number> = new Map();

map.set('apple', 5);
map.set('banana', 8);

map.clear();

Приведенный выше код демонстрирует, как Очистить карту объекта.

Получить размер объекта карты

использовать size Приобретение недвижимости Map Количество пар ключ-значение в объекте. Например:

Язык кода:typescript
копировать
let map: Map<string, number> = new Map();

map.set('apple', 5);
map.set('banana', 8);

console.log(map.size); // Выход: 2

Приведенный выше код показывает, как получить размер карты.

Перебирать объекты карты

Объект Map предоставляет несколько способов обхода для доступа к своим парам ключ-значение.

Используйте цикл for...of для перемещения

Можетиспользовать for...of цикл Перебирать объекты картыиз пары ключ-значение. Например:

Язык кода:typescript
копировать
let map: Map<string, number> = new Map([
  ['apple', 5],
  ['banana', 8]
]);

for (let [key, value] of map) {
  console.log(`${key}: ${value}`);
}

Приведенный выше кодиспользовать for...of Пройти через Понятно Map объекты пар ключ-значение и распечатайте содержимое каждой пары ключ-значение.

Используйте метод forEach для перемещения

Map объектиз forEach(callbackfn: (value: V, key: K, map: Map<K, V>) => void, thisArg?: any): void методиспользуется для Перебирать объекты картыиз пары ключ-значение. Например:

Язык кода:typescript
копировать
let map: Map<string, number> = new Map([
  ['apple', 5],
  ['banana', 8]
]);

map.forEach((value, key) => {
  console.log(`${key}: ${value}`);
});

Приведенный выше кодиспользовать forEach Метод пересекает Map объекты пар ключ-значение и распечатайте содержимое каждой пары ключ-значение.

Подвести итог

В этой статье подробно рассказывается TypeScript в Map объект,включатьопределить и создать、Основные операции и общее употребление. Мы научились Добавлять и получайте пары ключ-значение、Удалить пару ключ-значение、Определить,существует ли ключ、Очистить объект карты、Получить размер объекта картыи как Перебирать объекты карты。

Map Объектсуществовать очень полезен при работе с коллекциями пар ключ-значение. Он предоставляет более гибкие и удобные функции. Освоение этих концепций поможет разработчикам лучше понимать и применять TypeScript в Map объект, тем самым создавая более надежный и удобный в сопровождении код.

boy illustration
Учебное пособие по Jetpack Compose для начинающих, базовые элементы управления и макет
boy illustration
Код js веб-страницы, фон частицы, код спецэффектов
boy illustration
【новый! Суперподробное】Полное руководство по свойствам компонентов Figma.
boy illustration
🎉Обязательно к прочтению новичкам: полное руководство по написанию мини-программ WeChat с использованием программного обеспечения Cursor.
boy illustration
[Забавный проект Docker] VoceChat — еще одно приложение для мгновенного чата (IM)! Может быть встроен в любую веб-страницу!
boy illustration
Как реализовать переход по странице в HTML (html переходит на указанную страницу)
boy illustration
Как решить проблему зависания и низкой скорости при установке зависимостей с помощью npm. Существуют ли доступные источники npm, которые могут решить эту проблему?
boy illustration
Серия From Zero to Fun: Uni-App WeChat Payment Practice WeChat авторизует вход в систему и украшает страницу заказа, создает интерфейс заказа и инициирует запрос заказа
boy illustration
Серия uni-app: uni.navigateЧтобы передать скачок значения
boy illustration
Апплет WeChat настраивает верхнюю панель навигации и адаптируется к различным моделям.
boy illustration
JS-время конвертации
boy illustration
Обеспечьте бесперебойную работу ChromeDriver 125: советы по решению проблемы chromedriver.exe не найдены
boy illustration
Поле комментария, щелчок мышью, специальные эффекты, js-код
boy illustration
Объект массива перемещения объекта JS
boy illustration
Как открыть разрешение на позиционирование апплета WeChat_Как использовать WeChat для определения местонахождения друзей
boy illustration
Я даю вам два набора из 18 простых в использовании фонов холста Power BI, так что вам больше не придется возиться с цветами!
boy illustration
Получить текущее время в js_Как динамически отображать дату и время в js
boy illustration
Вам необходимо изучить сочетания клавиш vsCode для форматирования и организации кода, чтобы вам больше не приходилось настраивать формат вручную.
boy illustration
У ChatGPT большое обновление. Всего за 45 минут пресс-конференция показывает, что OpenAI сделал еще один шаг вперед.
boy illustration
Copilot облачной разработки — упрощение разработки
boy illustration
Микросборка xChatGPT с низким кодом, создание апплета чат-бота с искусственным интеллектом за пять шагов
boy illustration
CUDA Out of Memory: идеальное решение проблемы нехватки памяти CUDA
boy illustration
Анализ кластеризации отдельных ячеек, который должен освоить каждый&MarkerгенетическийВизуализация
boy illustration
vLLM: мощный инструмент для ускорения вывода ИИ
boy illustration
CodeGeeX: мощный инструмент генерации кода искусственного интеллекта, который можно использовать бесплатно в дополнение к второму пилоту.
boy illustration
Машинное обучение Реальный бой LightGBM + настройка параметров случайного поиска: точность 96,67%
boy illustration
Бесшовная интеграция, мгновенный интеллект [1]: платформа больших моделей Dify-LLM, интеграция без кодирования и встраивание в сторонние системы, более 42 тысяч звезд, чтобы стать свидетелями эксклюзивных интеллектуальных решений.
boy illustration
LM Studio для создания локальных больших моделей
boy illustration
Как определить количество слоев и нейронов скрытых слоев нейронной сети?
boy illustration
[Отслеживание целей] Подробное объяснение ByteTrack и детали кода