반복문
반복문은 프로그램에서 필요한 결과 값을 도출하기 위해 실행문의 순서를 반복적으로 실행시키는 문법을 말합니다. 반복문에는 while문, do while문, for문이 있으며, for문을 가장 많이 사용합니다.
1. while문
while문의 형식
while문 <--> for문으로 바꿀 수 있어야 합니다.
{
let num = 1;
while( num <= 5){
document.write("실행되었습니다.");
num++;
}
실행되었습니다.
// //for
// for (let i=0; i<=4; i++){
// document.write("실행되었습니다");
// }
}
2. do while문
do while문은 while문과 비슷하나 while문은 모든 조건을 계산한 후 출력하는 반면,
do while문은 첫 결과값을 출력한 후 조건을 계산하는 차이가 있습니다.
{
let num = 1;
do {
document.write("실행되었습니다2.");
num++;
} while (num <= 5);
}
실행되었습니다2.
3. for문
for문은 가장 많이 쓰이는 반복문으로 if문 처럼 for문 안에 또 다른 for문을 중첩하여 사용할 수 있습니다.
3-1. for문
for문의 형식입니다. 2가지 방식 모두 알아야 합니다.
{
for( let i = 1; i<6; i++ ){
document.write(i,"실행되었습니다.<br>")
}
1실행되었습니다.
2실행되었습니다.
3실행되었습니다.
4실행되었습니다.
5실행되었습니다.
6실행되었습니다.
//이전에 배운 for문 위의 내용이랑 비교하여 알아두기
// let num = [1,2,3,4,5,6];
// for(let i =0; i<num.length; i++){
// document.write(num[i],"실행되었습니다.<br>");
// }
}
3-2. 중첩 for문
for문 안에 for문을 넣어 중첩하여 반복하도록 하는 방식입니다.
{
for( let i=1; i<=2; i++){
document.write(i + "실행");
for( let j=1; j<=5; j++){
document.write(j + "실행"); //i가 한번 실행되면 j가 5번 실행됨
}
}
}
1실행1실행2실행3실행4실행5실행2실행1실행2실행3실행4실행5실행
0부터 99까지 출력하기
//0부터 99까지 출력하기
for( let i=0; i<100; i++ ) {
document.write( i )
}
결과 확인하기
0123456789101112131415161718192021222324252627282930313233343536373839404142434445
4647484950515253545556575859606162636465666768697071727374757677787980818283848586
87888990919293949596979899
4647484950515253545556575859606162636465666768697071727374757677787980818283848586
87888990919293949596979899
1부터 100까지 출력하기
//1부터 100까지 출력하기
for( let i=1; i<=100; i++ ) {
document.write( i )
}
결과 확인하기
123456789101112131415161718192021222324252627282930313233343536373839404142434445
46474849505152535455565758596061626364656667686970717273747576777879808182838485
8687888990919293949596979899100
46474849505152535455565758596061626364656667686970717273747576777879808182838485
8687888990919293949596979899100
1부터 100까지 출력하기 ( 짝수 )
//1부터 100까지 출력하기 ( 짝수 )
for( let i=2; i<=100; i+=2 ) { // i += 2--> i = i + 2
document.write( i )
}
결과 확인하기
2468101214161820222426283032343638404244464850525456586062646668707274767880828486
889092949698100
889092949698100
1부터 100까지 출력하기 ( 5의 배수 )
for (i=1; i<=100; i++){
if( i % 5 == 0 ){
document.write(i);
}
}
결과 확인하기
5101520253035404550556065707580859095100
1부터 100까지 출력하기 ( 5의 배수는 빨간색, 7의 배수는 파란색 )
for (i=1; i<=100; i++){
if( i % 5 == 0 ){
document.write("<span style='color: blue'>"+i+"</span>"); //"++"는 문자열과 숫자를 혼합해 쓰기 위한 방식
} if( i % 7 == 0){
document.write("<span style='color: red'>"+i+"</span>");
}
}
결과 확인하기
99단 출력하기
for( let i = 2; i<=9; i++){
for( let j=1; j<=9; j++){
let sum = i * j;
document.write(i + "*" + j + " = " + sum);
document.write("<br>");
}
}
결과 확인하기
for문을 이용해서 테이블 출력하기(100칸)
중첩 for문을 이용해서 테이블을 만들 수 있습니다.
let table = "<table>";
for( let i=0; i<10; i++){
table += "<tr>";
for( let j=0; j<10; j++){ //중첩 for문
table += "<td>★</td>";
}
table += "</tr>";
}
table += "</table>";
document.write(table);
결과 확인하기
for문을 이용해서 테이블 출력하기2(100칸)
let table = "<table class='test_Table'>";
let count = 1;
for ( let i=1; i<=10; i++){
table += "<tr>";
for ( let j=1; j<=10; j++){
table += "<td>"+count+"</td>";
count++;
}
table += "</tr>";
}
table += "</table>"
document.write(table);