Как формировать switch case от количества элементов массива?

Question

[Александра]

Есть вот такой код , аргументом принимаем массив, идея в том, чтобы формировать количество свитчкейсов от количества элементов массива, если в аргументе 3 элемента, свитчкейсов тоже три и так далее, это можно как то провернуть? Ну или еще какой способ есть для такой задачи, подскажите плиз

<ul class="link-list">
      <li>- Тест</li>
      <li>- Тест</li>
 </ul>

function dialogue([1,2,3,4,5]) {
        document.querySelector('.link-list').onclick = function(e) {
        var index = Array.prototype.slice.call(this.children).indexOf(e.target);
        switch (index) {
                case 0: что то там
                break;
                case 1: что то там
                break;
                case 2: что то там
                break;
        }
}

Answer 1

[hzzzzl]

а что эта задача должна делать вообще? :)

аргументом принимаем массив, идея в том, чтобы формировать количество свитчкейсов от количества элементов массива, если в аргументе 3 элемента, свитчкейсов тоже три и так далее

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

Comments

[Александра]

да я уже поняла , что это было тупо) задача такая сделать универсальную функцию для вывода текста из массива в зависимости от того на какой пункт лишки кликнул пользователь. Сделала так и проблема решилась) мой первый опыт js ^)))))))))

export function dialogue2() {
    document.querySelector('.link-list').onclick = function(e) {
        var arr = ['test1', 'test2', 'test3'];
        // Преобразовываем HTML collection в обычный массив *
        var childArr = Array.prototype.slice.call(this.children);
        // Получаем индекс элемента по которому произошел клик *
        var index = childArr.indexOf(e.target);
        var text = arr[index];
        console.log(text);
        dialogue.innerHTML = `${text}`;
    }
}

[hzzzzl]

Александра,
предлагаю это прописывать в элементах вместо того чтобы отсчитывать их индекс
https://developer.mozilla.org/ru/docs/Web/Guide/HT...
например сюда какую-то нужную строку, и потом ее напрямик из e.target достаешь

<li data-text="это мой текст">Тест</li>
..
console.log(target.dataset.text)

[Александра]

hzzzzl, а у меня там большой текст) целые абзацы. Делаю мини игру, текстовую