반복문
반복문은 프로그램에서 필요한 결과 값을 도출하기 위해 실행문의 순서를 반복적으로 실행시키는 문법이다.
반복문 : while문, do while문, for문이 있으며, for문을 가장 많이 사용한다.
while문
조건이 참일 경우에만 while문이 실행되며 조건에 맞지 않을 경우 실행되지 않는다.
do while문
while문과는 달리 do를 먼저 실행시키기 때문에 첫번째 실행은 조건에 상관없이 실행된다.
for문
for문은 특정 구문을 여러번 반복하고 싶을 때 사용하는 반복문이다.
for문 안에 if문이 들어갈 수도 있고 if문 안에 for문이 들어갈 수 있다.
for ( 초기값; 조건식; 증감값){
실행문
}
for문 실습하기
01. for문을 이용하여 0부터 99까지 출력하기
{
for( let i=0; i<100; i++){
document.write(i);
}
}
결과 보기
11121314151617181920
21222324252627282930
31323334353637383940
41424344454647484950
51525354555657585960
61626364656667686970
71727374757677787980
81828384858687888990
919293949596979899
02. for문을 이용하여 1부터 100까지 출력하기
{
for( let i=1; i<100; i++){
document.write(i);
}
}
결과 보기
11121314151617181920
21222324252627282930
31323334353637383940
41424344454647484950
51525354555657585960
61626364656667686970
71727374757677787980
81828384858687888990
919293949596979899100
03. for문을 이용하여 1부터 100까지 출력하기(짝수)
짝수로 출력할 때는 증가값을 2로 해주면 된다.
{
//1부터 100까지 출력(짝수)
//i = i + 2 => 오른쪽 값을 왼쪽 i에 대입한다.(=는 같다라는 의미 X)
for( let i=2; i<101; i+=2 ){
document.write(i);
}
}
결과 보기
1214161820
2224262830
3234363840
4244464850
5254565860
6264666870
7274767880
8284868890
92949698100
04. for문을 이용해서 테이블 출력하기
중첩 for문을 이용해서 테이블을 만들 수 있다.
{
//데이터를 저장, 변경, 추가할 수 있다.
//let table = "<table>";
// table += "<tr>"; //table란 변수를 만들어거 추가한 것.
// table += "<td>1</td>";
// table += "<td>2</td>";
// table += "</tr>";
// table += "</table>";
// table += "</table>"; //추가해주는 기능
// //10개를 일일히 다 쓰지 않기 위해 반복문인 for()를 사용한다.
let table = "<table>";
for(let i=0; i<10; i++){
table += "<tr>"; //tr을 10번 반복
//중첩 for()문
for(let j=0; j<10; j++){
table += "<td></td>";
} //tr이 하나 있을 때 td는 10개
table += "</tr>"; // /tr을 10번 반복
}
table += "</table>";
document.write(table);
}
결과 보기
05. for문을 이용해서 10부터 50까지 출력하기
{
for(let i=10; i<=50; i++){
document.write(i)
}
}
결과 보기
06. for문과 if문을 이용해서 5의 배수만 출력하기 - 제어하기 실행
{
for(let i=10; i<=50; i++){
if( i % 5 == 0){
document.write(i);
}
}
}
결과 보기
07. for문과 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>");
}
}
결과 보기
08. for문을 이용해서 1~100까지 출력하기 - 조건부 삼항자로 작성(짝수 = red, 홀수 = blue)
{
for( let i=0; i<=100; i++){
(i % 2 == 0) ? document.write("<span style='color: red'>" + i + "</span>") : document.write("<span style='color: blue'>"+ i + "</span>");
}
}
결과 보기
09. for문을 이용해서 구구단 출력하기
{
//2단 ~ 9단
for( let i=2; i<=9; i++){ // 2 ~ 9 까지의 숫자를 출력한다.
for( let j=1; j<=9; j++){ //위 조건이 1번 실행 될 때 마다 9번 실행한다. - 1 ~ 9 까지 출력한다.
document.write(i + " * " + j + " = "); // i 곱하기 j로 결과값이 나타난다.
}
}
//6단과 값 출력
for( let i=6; i<=6; i++){
for( let j=1; j<=9; j++){
let sum = i * j;
document.write(i + " * " + j + " = " + sum);
}
}
}
결과 보기
10. for문을 이용해서 테이블 출력하기
{
//1부터 100까지 출력하기
let table = "<table class='testTable'>";
for( let i=1; i<=10; i++){
table += "<tr>";
for( let j=1; j<=10; j++){
table += "<td>"+j+"</td>";
}
table += "</tr>";
}
table += "</table>";
document.write(table)
}
결과 보기
11. for문에서 break문 사용하기
특별한 조건을 만나면 for문 (or while문)의 반복을 종료, 끝내기를 의미한다. + 죽은 문법으로 거의 사용x
{
for (let i=1; i <= 20; i++) {
document.write(i);
if (i === 10){
break;
}
// 조건이 i가 10이랑 완전히 같을 때 break를 실행시키기 때문에 10에서 끝난다.
// if( i == 10 ) //성질이 같다.같다. - 겉모습만 검사
// if (i === 10) // 완전 비교 - 유전자 까지 검사
}
}
결과 보기
12. continue문
특별한 조건을 만났을 경우 continue는 반복을 끝내지 않으며, 특별한 조건을 실행하지 않고 그 조건의 다음 반복을 시작.
{
for (let i = 1; i <= 20; i++) {
if (i === 10){
continue;
}
//처음부터 시작 break는 끝내기를 의미 continue 10번 부터 시작
//continue는 출력 명령을 if문 뒤에 선언해준다.
document.write(i); // 특별한 조건이었던 10이 사라진다. // 죽은 문법으로 실무에서 거의 사용x
}
}
댓글