이챙의 개발 log
for문과 while문 차이점. 언제 사용해야 할까 ?
﹒2022. 2. 16.
자바스크립트를 처음 접하게 된다면 for문과 while문의 차이와 언제 사용 해야하는지 정확히 모를 수 있다.
for문
- 초기값과 조건식 증감연산으로 이루어져 있으며 동작문을 실행
- 조건식으로 true false 를 판단
for(초기값;조건식;증감연산){
동작문
}
//ex
for(let i = 0; i < 5; i++){ // 5가 될때까지 반복문을 돌려라
console.log(i)
}
for문은 조건식이 들어가 있으므로 구하고자 하는 값의 조건이 무엇인지 정확할 경우 사용한다.
또한 초기값 조건식 증감연산이 while문과 달리 블록에서 바로 찾을 수 있기 때문에 가독성이 좋다.
while문
- 조건식이 false가 될때 까지 무한 실행
- true 라면 계속 실행하고 false 가 되면 즉시 while 문 종료
while(조건){
동작문
}
//무한루프 ex
while(true){
console.log("실행중")
}
//break와 변수 사용
let num = 0
while(true){
num++
if(num === 10) break // 계속 반복문을 돌다가 10이 되면 종료(while문 종료)
console.log(num)
}
while문이 무한으로 실행하게 되면 브라우저가 과부하가 온다. 그렇기 때문에 while문 안에는 무한루프를 종료 하는 순간이 와야한다.
변수를 이용하여 false 가 될때를 지정하여 무한루프를 종료하거나 break문을 사용하여 무한루프를 벗어날 수 있다.
이와 같이 루프를 계속 돌기 때문에 내가 구하고자 하는 값의 조건이 무엇인지 정확히 모를 경우, 유동적인 경우에 while문을 사용한다.
정리
for | while |
구하고자 하는 값이 정확한 조건이 있는 경우 사용 | 구하고자 하는 값이 정확한 조건을 정확히 모를 경우, 유동적인 경우 사용 |
조건식, 초기값이 블락 안에 모여있어 가독성이 좋다 | 조건식이 흩어져 있어 가독성이 나쁨 |
'javascript' 카테고리의 다른 글
[자바스크립트] 고차함수..? (0) | 2022.03.16 |
---|---|
자바스크립트 배열 특정 값 삭제하기 (0) | 2022.02.27 |
formdata와 multipart/form-data (0) | 2021.07.14 |
javascript 프로토타입 어렵지 않아요~ 이해하기(prototype,__proto__,prototype chain) (0) | 2021.02.21 |
javascript 자바스크립트 call(),apply(),bind() 를 사용하는 이유와 차이점을 알아보자 (0) | 2021.01.20 |
이챙(leechaeng)
프론트엔드 개발도 하고 뛰기도 하고