Цикл по значениям TypeScript Enum без индексов: решение

// У нас имеется шикарное перечисление 'Colors'
const Colors = { RED: 'Красный', GREEN: 'Зелёный', BLUE: 'Синий' };

// Отдохните и наслаждайтесь волшебством
const radios = Object.entries(Colors).map(([key, value]) =>
  `<label><input type="radio" name="color" value="${key}">${value}</label>`
).join('');

// На бис! 'radios' теперь — это HTML-строка для ваших радиокнопок

// Знакомьтесь, перечисление Фрукты: Яблоко, Апельсин и Банан
enum Fruits { Apple, Orange, Banana }

for (const fruitKey in Fruits) {
  if (!isNaN(Number(fruitKey))) continue; // Исключаем числовые значения
  const radioButton = `<label><input type="radio" name="fruit" value="${Fruits[fruitKey]}">${fruitKey}</label>`;
}

// Не забудьте снова закрыть дверь холодильника!

// Мир цветов!
enum Colors { RED = 'Красный', GREEN = 'Зелёный', BLUE = 'Синий' }

// Перебираем цвета радуги...
Object.keys(Colors).forEach(color => {
    const radioButton = `<label><input type="radio" name="color" value="${color}"> ${Colors[color]}</label>`;
})

// И мир стал ярче!

Фруктовый рынок (🍏🍋🍇): [Яблоко, Лимон, Виноград]

for (const fruit of EnumFruit) {
// Размещаем радиокнопку для каждого фрукта
  `<input type="radio" name="fruit" value="${fruit}"> ${fruit}<br>`;
}

Ваша корзина (📻):
- ( ) Яблоко 🍏
- ( ) Лимон 🍋
- ( ) Виноград 🍇

// Определяем перечисление
enum Status { PENDING, PROCESSING, COMPLETED }

// Создаём радиокнопки, исключая численные значения
const statusRadios = Object.keys(Status)
  .filter(key => isNaN(Number(key))) // Отсеиваем ненужные ключи
  .map(key => `<label><input type="radio" name="status" value="${key}">${Status[key]}</label>`)
  .join('');

const enumButtons = Object.entries(Status)
  .filter(([key]) => isNaN(Number(key))) // Исключаем ключи с числовыми значениями
  .map(([key, value]) => `<label><input type="radio" name="status" value="${value}">${key}</label>`)
  .join('');