-
반복문javascript 2023. 3. 28. 16:10반응형
* for문
- ;으로 구분하며 세부분으로 나누어짐
- 명확한 횟수가 정해져 있으면 for문 그게 아니면 while문을 사용
- 첫번째 : 초기값으로 반복문을 실행할 때 처음 한번만 실행됨
- 두번째 : 조건으로 반복문이 돌면서 조건을 확인하고 false가 되면 멈춤 = 조건이 false이면 반복문을 빠져나옴
- 세번째 : 코드 실행 후 작업하는 부분으로 반복문이 한번 실행되고 나서 해야하는 작업
- 순서 : 1. 초기값을 지정하고 2. 조건이 true면 3. 반복할 코드(실행할 코드)를 실행하고 4. 코드 실행 후 작업을 진행
for(let i = 0; i < 5; i++){ //반복할 코드, 실행할 코드 } /* 첫번째 : let i = 0; 두번째 : i < 5; 세번째 : i++ */ //------------------------------------------------------------------------------------------- for(let i = 0; i < 10; i++){ console.log(i) }//0 ~ 9
* while문
- 순서 : 1. 조건이 true면 2. 반복할 코드(실행할 코드)를 실행하고 3. 코드 실행 후 작업을 진행
let i = 0; while(i < 10){ console.log(i); i++; }//0~9 /* 첫번째 : (i < 10) 두번째 : console.log(i); 세번째 : i++; */
* do while문
- while문과 비슷하며 조건문을 아래로 옮길 수 있음
- while의 조건이 맞으면 do 내부 코드 실행
- 순서 : 1. 반복할 코드(실행할 코드)를 실행하고 2. 조건을 실행하고 3. 코드 실행 후 작업을 진행
- 적어도 한번은 반복할 코드(실행할 코드)를 실행하는 것이 while문과 가장 큰 차이
let i = 0; do{ //실행할 코드 i++; }while(i < 10) /* 첫번째 : 실행할 코드 두번째 : i < 10 세번째 : i++; */
* 반복문을 빠져나오는 기능
- break : 만나는 순간 즉시 코드 실행을 멈추고 빠져나옴
while(true){ let answer = confirm("계속"); if(!answer){ break; } } /* 확인을 누르면 1. while 조건이 true여서 2. answer confirm창이 실행되고 3. confirm창에서 확인을 누르면 true 4. if문 실행 5. if문 조건에 false이므로 다시 while문 조건 실행하면서 반복 취소를 누르면 1. while 조건이 true여서 2. answer confirm창이 실행되고 3. confirm창에서 취소를 누르면 false 4. if문 실행 5. if문 조건에 true이므로 if문의 break가 실행되어 반복문을 빠져나옴 */
- continue : 만나는 순간 즉시 코드 실행을 멈추고 반복문을 빠져나오지 않고 다음 반복문을 실행
/*짝수만 나오도록*/ for(let i = 0; i < 10; i++){ if(i % 2){ continue; } console.log(i); } /* 1. i = 0;이고 i < 10이므로 2. if문 조건(i % 2)가 실행되고 0 % 2이면 나머지가 0이기 때문에 contiun를 만나지 못하고 3. console.log(i)가 실행되어 0이 나오고 4. i++이 실행되어 i가 1로 증가되고 5. i < 10이므로 6. if문 조건(i % 2)가 실행되고 1 % 2이면 나머지가 1이기 때문에 contiue문을 만나 console.log(i)가 실행되지 않고 바로 다음 반복문 실행 7. 이 과정이 계속 반복되어 짝수만 나옴 */
* switch
- 모든 switch문은 if else문으로 바꿔 사용 가능
- 케이스가 다양한 경우 간결하게 쓸 수 있음
- 조건이 맞으면 그 결과값 이후 모든 것을 반환하기 때문에 break사용
switch(평가){ case A: A일때 코드 case B: B일때 코드 ... } if(평가==A){ A일때 코드 }else if(평가 == B){ B일떄 코드 } //------------------------------------------------------------------------------------------- /* 사과 100원 바나나 200원 키위 300원 멜론 500원 수박 500원 사고 싶은 과일을 물어보고 가격 알려주기 */ let fruit = prompt('무슨과일을사고싶나요?'); switch(fruit){ case '사과' : console.log('100원입니다'); break; case '바나나' : console.log('200원입니다'); break; case '키위' : console.log('300원입니다'); break; case '멜론' : case '수박' ://멜론 수박 가격이 동일해 동일 메세지 보여줄 console.log('500원입니다'); break; default :fruit//else기능을 함, 다른 과일을 입력하면 아무것도 안뜨기 때문에 코드 확인을 위해 default값을 넣어 console.log('그런 과일은 없습니다.') }
반응형'javascript' 카테고리의 다른 글
전역변수, 지역변수 (0) 2023.03.28 함수 function (0) 2023.03.28 논리 연산자 (0) 2023.03.28 조건문 (0) 2023.03.27 비교연산자 (0) 2023.03.27