*주의사항* 자바스크립트는 순서에 따라서 실행되는 언어입니다. 코드 작성 시 순서에 유의해야 합니다.
반복문
반복문을 이용하면 코드를 원하는 횟수만큼 반복하여 실행가능합니다. 반복문에는 while문, do while문, for문이 있습니다.
while문
while문은 조건식을 만족할 때까지 코드를 여러번 반복합니다. 조건식에서는 코드를 얼마만큼 반복할지 정할 수 있습니다. 순서대로 코드를 실행 한 후, 증감식을 통해 원하는 횟수만큼 도달하면 반복을 멈춥니다.
let 변수 = 초기값;
while(조건식){
자바스크립트코드;
증감식;
}
while(조건식){
자바스크립트코드;
증감식;
}
{
let i = 1;
while(i<=3){
document.write(i + ".안녕하세요.<br>");
i++
}
}
결과
1.안녕하세요
2.안녕하세요
3.안녕하세요
1.안녕하세요
2.안녕하세요
3.안녕하세요
while문 활용
{
let i =1;
while(i<=30){
if(i%2==0 && i%6==0){
document.write(i);
}
i++
}
//while문 안에 if문을 사용하여 2와 6의 공배수를 조건식으로 설정하여 출력합니다.
해당 조건을 만족하며 30까지의 수를 반복하며 출력합니다.
}
결과
6 12 18 24 30
6 12 18 24 30
for문
for문은 while문과 사용방법이 같지만 코드가 간편하여 사용빈도가 높습니다.
for(초기값; 조건식; 증감식){
자바스크립트 코드; }
for문의 실행순서 : 초기값 - 조건식 - 코드 - 증감식 - 조건식
자바스크립트 코드; }
for문의 실행순서 : 초기값 - 조건식 - 코드 - 증감식 - 조건식
for문 활용
{
for(let i=1; i<=5; i++){
document.write(i);
}
}
결과
1 2 3 4 5
1 2 3 4 5
break문
while문 또는 for문을 순서대로 실행하는 도중 강제로 반목문을 종료할 때 사용합니다.
for(초기값; 조건식; 증감식){
break; // 반복문을 강제로 종료합니다.
자바스크립트 코드;
}
let 변수=초기값;
while(조건식){
break; // 반복문을 강제로 종료합니다.
자바스크립트 코드;
증감식;
}
break; // 반복문을 강제로 종료합니다.
자바스크립트 코드;
}
let 변수=초기값;
while(조건식){
break; // 반복문을 강제로 종료합니다.
자바스크립트 코드;
증감식;
}
break문 활용
{
for(let i=1; i<=10; i++){
if(i==6){
break;
}
document.write(i);
}
}
결과
원래는 1부터 10까지 나열하는 for문 이지만 i가 6일때 break문을 이용하여 반복문을 종료시킵니다.
출력
1 2 3 4 5
원래는 1부터 10까지 나열하는 for문 이지만 i가 6일때 break문을 이용하여 반복문을 종료시킵니다.
출력
1 2 3 4 5
continue문
continue문은 반복문에서만 사용할 수 있습니다. 반복문 중간에 사용하여 continue에 해당하는 출력을 건너뛰고 나머지를 출력합니다.
for(초기값; 조건식; 증감식){
continue;
자바스크립트 코드;
}
let 변수=초기값;
while(){
증감식;
continue;
자바스크립트 코드;
}
continue;
자바스크립트 코드;
}
let 변수=초기값;
while(){
증감식;
continue;
자바스크립트 코드;
}
continue문 활용
{
for(let i=1; i<=10; i++){
if(i%2==0){
continue;
}
document.write(i);
}
}
continue문을 활용하여 1~10 숫자 중 짝수를 건너뛰고 출력해보았습니다.
출력
1 3 5 7 9
출력
1 3 5 7 9