반복문
반복문은 프로그램에서 필요한 결과 값을 도출하기 위해 실행문의 순서를 반복적으로 실행시키는 문법을 말합니다. 반복문에는 while문, do while문, for문이 있으며, for문을 가장 많이 사용합니다.
while문
while문이란 조건문이 참일 때 실행되는 반복문입니다. 조건은 문장 안이 실행되기 전에 참, 거짓을 판단합니다.
초기값
while (조건식) {
실행문;
증가감식;
}
do while문
while문과 do while문은 비슷하지만 다릅니다. do while문은 조건문을 판단하기 전에 do 블록의 코드를 먼저 실행합니다. 그리고 조건문을 판단하여 조건문의 결과가 true이면 do 블록의 코드를 다시 실행합니다.
초기값
do {
실행문;
증가감식;
} while (조건식)
for문
while문과는 달리 자체적으로 초기값, 조건식, 증감값을 모두 포함하고 있는 반복문입니다. while문보다는 좀 더 간결하게 표현할 수 있습니다.
for ( 초기값; 조건식; 증감값 ){
실행문;
}
0부터 99까지 출력하기
for문을 이용한 출력 방법입니다. 100을 포함하지 않으므로 미만으로 표시해줍니다.
//0부터 99까지 출력하기
for( let i = 0; i<100; i++){
document.write(i)
}
결과 확인하기
313233343536373839404142434445464748495051525354555657585960
6162636465666768697071727374757677787980
81828384858687888990919293949596979899
1부터 100까지 출력하기
i는 1부터 시작하며 100을 포함하여줍니다.
//1부터 100까지 출력하기
for( let i = 1; i<=100; i++){
document.write(i)
}
결과 확인하기
414243444546474849505152535455565758596061626364656667686970
7172737475767778798081828384858687888990919293949596979899100
1부터 100까지 출력하기(짝수)
짝수로 출력할 때는 증가값을 2로 해주면 됩니다.
//1부터 100까지 출력하기(짝수)
for( let i = 2; i<=100; i+=2){
document.write(i)
}
결과 확인하기
1부터 100까지 출력하기(5의 배수)
5의 배수로 출력할 때는 5로 나누었을 때 나머지가 0이 되면 됩니다.
//1부터 100까지 출력하기(5의 배수)
for(let i=1; i<=100; i++){
if(i % 5 == 0){
document.write(i)
}
}
결과 확인하기
1부터 100까지 출력하기(5의 배수는 빨강, 7의 배수는 파랑)
5의 배수와 7의 배수를 모두 하기 위해서는 if문이 필요합니다.
//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>")
}
}
결과 확인하기
1~100까지 출력하기(짝수는 빨강, 홀수는 파랑)
for문을 이용해서 1~100까지 출력할 수 있습니다.
//1~100까지 출력하기(짝수는 빨강, 홀수는 파랑)
for(let i=1; i<=100; i++){
if(i % 2 == 0){
document.write("<span style='color: red'>"+i+"</span>","
")
} else {
document.write("<span style='color: blue'>"+i+"</span>","
")
}
}
결과 확인하기
조건부연산자 이용해서 1~100까지 출력하기(짝수는 빨강, 홀수는 파랑)
조건부연산자를 이용해서 1~100까지 출력할 수 있습니다.
//조건부 연산자 이용해서 1~100까지 출력하기(짝수는 빨강, 홀수는 파랑)
for(let i=1; i<=100; i++){
(i % 2 == 0) ? document.write("<span style='color: red'>"+i+"</span>","<br>") : document.write("<span style='color: blue'>"+i+"</span>","<br>")
}
결과 확인하기
구구단 출력하기
중첩 for문을 이용해서 구구단을 만들 수 있습니다.
//구구단 출력하기
// (2, 3, 4, 5, 6, 7, 8, 9,) 8번 반복
// (1, 2, 3, 4, 5, 6, 7, 8, 9) 9번 반복
//i * j = sum
// 2*1=2 3*1=3 4*1=4
// 2*2=4
// 2*3=6
// 2*4=8
// 2*5=10
// 2*6=12
// 2*7=14
// 2*8=16
// 2*9=18
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문을 이용해서 테이블을 만들 수 있습니다.
for문을 이용해서 테이블 출력하기(100칸)
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);
결과 확인하기
'Javascript' 카테고리의 다른 글
| [javascript]자바스크립트 함수 (6) | 2022.07.26 |
|---|---|
| [javascript]자바스크립트 데이터타입 (6) | 2022.07.25 |
| [javascript]자바스크립트 조건문 (6) | 2022.07.25 |
| [javascript]자바스크립트 연산자 (12) | 2022.07.20 |
| [javascript]자바스크립트 기본 규칙 (16) | 2022.07.20 |
댓글