Pętla z pominięciem jednego indeksu

Question

Cześć, mam chciałbym zrobić pętlę, która wykonywała by się od zera do określonej ilości, ale z pominięciem liczby 1.

Napisałem coś takiego ale nie działa

for (let i = 0 && i !== 1 ; i < photoFrame.length; i++)
        {
            photoFrame[i].style.border = "2px solid #EBEBEB";
            photoFrame[i].style.width = "82px";
            photoFrame[i].style.height = "82px";
            photoFrame[i].style.display = "flex";
            photoFrame[i].style.alignItems = "center";
            photoFrame[i].style.justifyContent = "center";
            photoFrame[i].style.margin = "5px 0px"
        }

Z góry dziękuję za pomoc.

Answer 1

Proponuje rozwiązanie bez pętli for, tylko użycie forEach i dodanie styli za pomocą classList.add

 

Przykład

.photo-frame {
  border: 2px solid #EBEBEB;
  width: 82px;
  height: 82px;
  display: flex;
  alignItems: center;
  justifyContent: center;
  margin: 5px 0px;
}

setCssToSelected('photo-frame', 1);

function setCssToSelected(css, remove) {
  const photoFrame = document.querySelectorAll('.photoFrame');
  photoFrame.forEach((frame, index) => { if (index !== remove) frame.classList.add(css); });
}

Answer 2

Do pomijania iteracji służy słówko continue używane w ciele pętli.

---

Zapis:

let i = 0 && i !== 1;

w sekcji inicjalizacyjnej pętli nie ma sensu, ponieważ nawet jeśli byś tutaj chciał sprawdzić czy i nie jest równe 1, to operator && nie wykonałby tego sprawdzenia, ponieważ po lewej stronie wartością jest 0 (typ falsy); poza tym ta część nagłówka pętli wykonuje się tylko raz (dlatego jest przeznaczona do inicjalizacji zmiennych). Sprawdzenie tego w innym miejscu nagłówka pętli, żeby pominąć iterację, również nie ma sensu, ponieważ pętla for działa na zasadzie "iteruj dopóki warunek jest spełniony" i gdy tylko warunek przestaje być spełniany, to cała pętla się zatrzymuje - nie dało by się więc (przynajmniej beż jakiejś rekursji lub zagnieżdżania pętli lub kombinacji z generatorem) wznowić pętli od danego miejsca.

Comments

dzięki za wytłumaczenie :)

Answer 3

Instrukcja warunkowa w ciele pętli:

if(i==1) continue;