Как получить элемент enum по индексу?

@Majard · Регистрация: 01.04.2018

Студворк — интернет-сервис помощи студентам

Здравствуйте.

Подскажите, пожалуйста.
Вот есть у меня enum:

JavaScript
1
2
3
4
5
6
7
export enum McsSelectorType {
  Add,
  Coming,
  Custom,
  Kids,
  Vip
}

и есть такой jsx:

JavaScript
1
2
3
4
5
6
7
8
{props.mcs.mcsSelectors.map((selectorName, i) => 
                     <McsSelector
                        type={McsSelectorType[i]}
                        name={selectorName}
                        active={props.mcs.mcsSelectorActive}
                        setMcsSelector={props.setMcsSelector}
                      />
}

Так вот мой type подчеркивает красным и пишет: Type 'string' is not assignable to type 'McsSelectorType'.

Есть какой-нибудь способ передать элементы енама по их индексу?

Спасибо!

@zontik24 · 10.02.2020, 23:51

Если возникает такой вопрос, значит вы что-то не так делате.
В данном случае, лучше использовать union type, а не enum:

JavaScript
1
type McsSelectorType = "Add" | "Coming" | "Custom" | "Kids" | "Vip";

Если очень хочется, то, можно ради спортивного интереса, вот так:

JavaScript
1
Object.values(McsSelectorType)[0]

@Vaderkos · 13.02.2020, 16:44

Ваше i должно быть одним из keyof McsSelectorType

Добавлено через 9 минут
zontik24, Majard, Вариант с Object.values нежелательно(свят-свят) использовать, так как спецификация не определяет порядка свойств обьектов, поэтому в зависимости от фазы луны и использованого браузера будем получать разный порядок.

Ваше i должно быть одним из keyof McsSelectorType. Судя по всему mcsSelectors - это массив с селекторами, а вы хотите использовать его как хранилище ключ значение, для этого лучше использовать обьект и итерировать по парам ключ=значение.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
const mcsSelectors: Record<keyof McsSelectorType, string> = { ... }
...
 
{Object.values(props.mcs.mcsSelectors).map(([type, selectorName]) => 
                     <McsSelector
                        type={McsSelectorType[type]}
                        name={selectorName}
                        active={props.mcs.mcsSelectorActive}
                        setMcsSelector={props.setMcsSelector}
                      />
}

Кликните здесь для просмотра всего текста

Нужно подобрать правильную структуру данных

@zontik24 · 13.02.2020, 21:39

Сообщение от Vaderkos

Вариант с Object.values нежелательно(свят-свят) использовать, так как спецификация не определяет порядка свойств обьектов, поэтому в зависимости от фазы луны и использованого браузера будем получать разный порядок.

я же уточнил, что ради спортивного интереса

Человек удивится, что можно enum использовать в качестве объекта и увидит, как он выглядит при распечатке. Скилл повысит сразу. По крайней мере, у меня было удивление на начальных этапах обучения тайпскрипта, когда не было общего понимания "как, что и зачем"

Majard, а так, да, тут дело в самой архитектуре, как правильно сказал Vaderkos

Vaderkos, ну и еще порадовала фаза луны

Новые блоги и статьи Все статьи Все блоги /
Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .	Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Programma_Boinc 01.01.2026 Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .

Как получить элемент enum по индексу?

Решение