Как присвоить одинаковые строки нескольким свойствам в JavaScript?

Оффтоп javascript
1

Привет всем! У меня возник вопрос по JavaScript. Я делаю форму с выпадающими списками, где выбор в одном списке влияет на опции в следующем. Проблема в том, что некоторые опции повторяются в разных списках. Вот пример моего кода:

var опцииСписка4 = {
  'Вариант1': ['Создание', 'Удаление', 'Изменение'],
  'Вариант2': ['Создание', 'Удаление', 'Изменение'],
  'Вариант3': ['Создание', 'Удаление', 'Изменение']
}

Как видите, опции ‘Создание’, ‘Удаление’, ‘Изменение’ повторяются для каждого варианта. Можно ли как-то оптимизировать это, чтобы не дублировать текст? Может, есть способ задать эти строки один раз и применить ко всем нужным свойствам? Буду благодарен за любые идеи!

2

Ещё один вариант - использовать Object.fromEntries и map:

const варианты = [‘Вариант1’, ‘Вариант2’, ‘Вариант3’];
const действия = [‘Создание’, ‘Удаление’, ‘Изменение’];

const опцииСписка4 = Object.fromEntries(
варианты.map(вариант => [вариант, действия])
);

Такой подход позволяет легко добавлять новые варианты и действия, просто редактируя исходные массивы. Код получается более гибким и масштабируемым.

3

Да, можно оптимизировать! Попробуй создать массив с общими опциями и использовать его для всех вариантов. Например:

const общиеОпции = [‘Создание’, ‘Удаление’, ‘Изменение’];
var опцииСписка4 = {
‘Вариант1’: общиеОпции,
‘Вариант2’: общиеОпции,
‘Вариант3’: общиеОпции
}

Так код станет чище и легче поддерживать. А если понадобится добавить новую опцию, достаточно будет изменить только массив общиеОпции. Удобно, правда?