for = 횟수를 정해져있는 반복을 할때 , 가독성이 좋음
while = 무한이거나 횟수는 모르지만 언제 끝내야할지 알떄 조건문으로 사용, 가독성이 별로 좋지 않음

 

while 문이나 for문이나 루프(loop)라고 하는데 정해진 코드를 반복한다는 뜻

그런데 무한대로 반복하면 프로그램은 더 진행이 안되기 때문에 어떤 제한조건을 걸어놓고 반복을 한다

 

for문

- 초기값과 조건식 증감연산으로 이루어져 있으며 동작문을 실행
- 조건식으로 true false 를 판단

for(초기값;조건식;증감연산){
    동작문
}
 
//ex
for(let i = 0; i < 5; i++){ // 5가 될때까지 반복문을 돌려라
    console.log(i)
}
cs

 

for문은 조건식이 들어가 있으므로 "구하고자 하는 값의 조건이 무엇인지 정확할 경우" 사용한다.
또한 초기값 조건식 증감연산이 while문과 달리 블록에서 바로 찾을 수 있기 때문에 가독성이 좋다

 

while문

- 조건식이 false가 될때 까지 무한 실행
- true 라면 계속 실행하고 false 가 되면 즉시 while 문 종료

while(조건){
    동작문
}
 
//무한루프 ex
while(true){
    console.log("실행중")
}
 
//break와 변수 사용
let num = 0
while(true){
    num++
    if(num === 10break // 계속 반복문을 돌다가 10이 되면 종료(while문 종료)
    console.log(num)
}
cs

while문이 무한으로 실행하게 되면 브라우저가 과부하가 온다.
그렇기 때문에 while문 안에는 무한루프를 종료 하는 순간이 와야한다.

변수를 이용하여 false 가 될때를 지정하여 무한루프를 종료하거나 break문을 사용하여 무한루프를 벗어날 수 있다.
이와 같이 루프를 계속 돌기 때문에 "내가 구하고자 하는 값의 조건이 무엇인지 정확히 모를 경우, 유동적인 경우"

while문을 사용한다.

 

break

break 는 while이나 for문에서 루프를 탈출하기 위해 사용한다

보통 if 문하고 함께 사용

 

continue

루프를 돌다가 continue를 만나면 그 블록을 건너 뛰고 다시 조건식으로 간다

 break 키워드와 함께 세밀한 흐름 제어를 위해서 사용함

for (let index = 0; index < 5; index++) {
    if(index == 3continue;
    console.log(index);
}
[실행값]
0
1
2
4
cs

 

https://smoothiecoding.kr/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%B0%98%EB%B3%B5%EB%AC%B8-while%EB%AC%B8-for%EB%AC%B8/

https://chaeyoung2.tistory.com/67

'이노베이션 자바스크립트 회고' 카테고리의 다른 글

자바스크립트의 변수 타입  (0) 2022.08.10
연산자  (0) 2022.08.10
매개변수  (0) 2022.08.10
reduce(), map()  (0) 2022.08.10
자바스크립트 함수, 프로퍼티, 메서드  (0) 2022.08.10

+ Recent posts