반응형
1. while 반복문
let i = 3;
while (i > 0) { // false가 나올때까지 무한대로 계속 반복하는것.
console.log(`while: ${i}`);
i--;
}
// while: 3
// while: 2
// while: 1
while 반복문은 조건문이 만족하면 {} 블럭을 실행시킨다.
만약 블럭을 먼저 실행하고 조건문을 진행하고싶으면
do - while을 사용하면된다.
2. do-while 반복문
let i = 3;
do { // 블럭을 먼저 실행하고
console.log(`do while: ${i}`);
i--;
} while (i > 0) // 조건문을 반복하는 방법
// do while: 3
// do while: 2
// do while: 1
3. for loop 문
//for loop 문법 - for(begin:시작하는 문장; condition; step)
for (i = 3; i > 0; i--) {
console.log(`for: ${i}`);
}
// for: 3
// for: 2
// for: 1
4. break, continue
- break는 loop를 끝낼 수 있다.
- continue는 지금것은 skip하고 다시 다음 step으로 넘어가는것.
Q1: 0 - 10 숫자에서 짝수만 continue 이용해서 console하기
for (let i = 0; i < 11; i++) {
if (i % 2 !== 0) { // i가 짝수가 아닌 홀수이면
continue; // skip하고 넘어가고
}
console.log(`Q1: ${i}`); // 짝수를 불러오기
}
※ continue 없이 짝수 바로 불러오고싶으면
for (let i = 0; i < 11; i++) {
if (i % 2 === 0) { // i가 짝수면
console.log(`Q1: ${i}`); // 짝수를 불러오기
}
}
Q2: 0 - 10 숫자에서 숫자 8을 break 사용해서 console하기
for (let i = 0; i < 11; i++) {
if (i > 8) { // i가 8보다 크면
break; // 반복을 멈춰라
}
console.log(`Q2: ${i}`);
}
반응형
'프론트엔드 > Javascript' 카테고리의 다른 글
자바스크립트 싱글쿼터[''] 이용 시 특수기호 사용법 (0) | 2021.11.25 |
---|---|
자바스크립트 함수 사용해서 rest 파라미터 / for of 배열 만들기 (0) | 2021.05.10 |
자바스크립트 부모, 자식, 형제 노드 찾는 방법 (0) | 2021.05.01 |
함수 표현식 VS 함수 선언식 구분하기 (0) | 2021.03.11 |
[jQuery] 기존 요소의 내부 컨텐츠 변경 - .html() VS .text() 차이점 (0) | 2021.01.21 |