Задать вопрос
Alexander3928
@Alexander3928

Как можно улучшить код?

Как можно улучшить код? Я не уверен, что создавать такие массивы это верное решение. Может есть вариант получше?

const array = [
      ["./src/img/parallax/1.jpg", "./src/img/home/hero.jpg", "Code №1", "Codepen-1"],
      ["./src/img/parallax/2.jpg", "./src/img/home/hero.jpg", "Code №2", "Codepen-2"],
      ["./src/img/parallax/1.jpg", "./src/img/home/hero.jpg", "Code №3", "Codepen-3"],
      ["./src/img/parallax/2.jpg", "./src/img/home/hero.jpg", "Code №4", "Codepen-4"],
      ["./src/img/parallax/1.jpg", "./src/img/home/hero.jpg", "Code №5", "Codepen-5"],
      ["./src/img/parallax/2.jpg", "./src/img/home/hero.jpg", "Code №6", "Codepen-6"],
      ["./src/img/parallax/1.jpg", "./src/img/home/hero.jpg", "Code №7", "Codepen-7"],
      ["./src/img/parallax/2.jpg", "./src/img/home/hero.jpg", "Code №8", "Codepen-8"],
      ["./src/img/parallax/1.jpg", "./src/img/home/hero.jpg", "Code №9", "Codepen-9"],
      ["./src/img/parallax/2.jpg", "./src/img/home/hero.jpg", "Code №10", "Codepen-10"],
      ["./src/img/parallax/1.jpg", "./src/img/home/hero.jpg", "Code №11", "Codepen-11"],
      ["./src/img/parallax/2.jpg", "./src/img/home/hero.jpg", "Code №12", "Codepen-11"], 
    ];

    for (let element of array) {
      let result = `
        <div class="portfolio__codepen">
          <div class="portfolio__codepen-background"></div>
          <img class="portfolio__codepen-image" src="${element[0]}">
          <div class="portfolio__codepen-down">
            <img src="${element[1]}" class="codepen-down__hero">
            <div class="codepen-down__text">
              <h4>${element[2]}</h4>
              <h5>${element[3]}</h5>
            </div>
            <a href="#codepen" class="codepen-down__link">Source</a>
          </div>
        </div>
      `;
      item.innerHTML += result;
    }
  • Вопрос задан
  • 139 просмотров
Подписаться 1 Простой 1 комментарий
Решение пользователя Алексей Уколов К ответам на вопрос (3)
alexey-m-ukolov
@alexey-m-ukolov Куратор тега JavaScript
Ну, у вас, по сути, контент зависит от номера итерации, поэтому массив можно заменить простым циклом от 0 до 10.
Но в целом, для более сложных сценариев массив - это нормальное решение.
Ответ написан
Комментировать