728x90
반응형
반복문
반복문은 프로그램에서 필요한 결과 값을 도출하기 위해 실행문의 순서를 반복적으로 실행시키는 문법을 말합니다. 반복문에는 while문 do while문 for문이 있으며 for 문을 가장 많이 사용합니다.
while 문
조건문이 참일 때 실행되는 반복문입니다.
초기 값
while ( 조건식 ){
실행문;
증감값;
}
do while 문
조건식이 거짓으로 판별될 때까지 반복하는 반복문입니다. 조건식을 계산하기 전, do 이하의 명령문이 실행됩니다.
초기 값
do {
실행문;
증감값;
} while (조건식)
for 문
조건식이 거짓으로 판별될 때까지 실행문을 반복하는 구문입니다.
for ( 초기값; 조건식; 증감값 ){
실행문
}
01.0부터 99까지 출력하기
//0부터 99까지 출력하기
for( let i=0; i<100; i++){
document.write(i)
}
결과 보기
02. 1부터 100까지 출력하기
//1부터 100까지 출력
for( let i=1; i<=100; i++){
document.write(i)
}
결과 보기
03. 1부터 100까지 출력하기(짝수)
//1부터 100까지 출력(짝수) i = i + 2
for( let i=2; i<=100; i+=2){
document.write(i)
}
결과 보기
04. 1부터 100까지 출력하기(5의 배수)
for (let i=1; i<=100; i++){
if ( i % 5 == 0) {
document.write(i);
}
}
결과 보기
05. 1부터 100까지 출력하기(짝수는 빨간색, 홀수는 파란색) : 조건부 연산자
for (let i=1; i<=100; i++){
(i % 2 ==0) ? document.write("<span style='color:red'>" + i + "</span>") : document.write("<span style='color:blue'>" + i + "</span>")
}
결과 보기
06. 1부터 100까지 출력하기(5의 배수는 빨간색, 7의 배수는 파란색)
for (let 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>");
}
}
결과 보기
07. 6단 출력하기
for( let i=6; i<=6; i++){
for( let j=1; j<=9; j++){
let sum = i * j;
document.write(i + "*" + j + "=" + sum);
}
}
결과 보기
08. 구구단 출력하기
for( let i=1; i<=9; i++){
for( let j=1; j<=9; j++){
let sum = i * j;
document.write(i + "*" + j + "=" + sum);
}
}
결과 보기
09. for문을 이용해서 테이블 출력하기(100칸)-1
for문을 이용해서 테이블을 만들 수 있습니다.
let table = "<table>";
for( let i=0; i<10; i++){
table += "<tr>";
for( let j=0; j<10; j++){
table += "<td>1</td>";
}
table += "</tr>";
}
table += "</table>";
document.write(table);
결과 확인하기
10. for문을 이용해서 테이블 출력하기(100칸)-2
for문을 이용해서 테이블을 만들 수 있습니다.
let table = "";
//tr10번 반복
table +="<tr>"
z=0;
for( let i=1; i<=10; i++){
table +="<tr>"
//td10번 반복(for문)
for( let j = 1; j<=10; j++){
z++;
table +="<td>"+z+"</td>";
}
table += "</tr>";
}
table += "</table>";
document.write(table)
결과 확인하기
728x90
반응형
'자바스크립트' 카테고리의 다른 글
함수 이해하기 (5)
2022.07.28
데이터 타입 (4)
2022.07.26
조건문 이해하기 (5)
2022.07.26
연산자 (4)
2022.07.26
기본 규칙 (4)
2022.07.26
댓글