본문 바로가기

아래로 스크롤 해주세요!

My Reference Book

-

제가 배웠던것을 한곳에 정리해보았어요!

HTML

HTML 태그 톺아보기

HTML

자세히보기

CSS

CSS 속성 톺아보기

CSS

자세히보기

JAVASCRIPT

JS 실행문 톺아보기

JAVASCRIPT

자세히보기

최신댓글

Javascript

for문 이해하기

by C0Di 2022. 7. 21.
728x90

반복문

반복문은 프로그램에서 필요한 결과 값을 도출하기 위해 실행문의 순서를 반복적으로 실행시키는 문법을 말합니다 반복문에는 while문, do while문, for문이 있으며, for 문을 가장 많이 사용합니다


while 문

걸어놓은 조건이 거짓이 될때까지 반복해주는 함수.
조건이 거짓이거나 거짓이 될 시 실행되지 않는다.

do while문

do while문은 조건과 관계없이 한번 실행시켜줍니다.

for문

반복 횟수를 정확히 알고있을때 사용하는 반복문입니다.


01. 0부터 99까지 출력하기

{
    for(let i=0; i<100; i++){
    document.write(i);
}
결과보기
01234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
51525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899

02. 1부터 100까지 출력하기

{
    for(let i=1; i<=100; i++){
    document.write(i);
}
결과보기
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
51525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100

03. 1부터 100까지 출력하기(짝수)

{
    for( let i = 2; i<=100; i+=2){        //i의 값을 100까지 2씩 더하기
    document.write(i)       //i 출력
}    
결과보기
2468101214161820222426283032343638404244464850
525456586062646668707274767880828486889092949698100

04. 1부터 100까지 출력하기(5의 배수)

{
    or(let i=1; i<=100; i++){
    if(i % 5 == 0){
        document.write(i,"
");
        }
    }
결과보기
5101520253035404550556065707580859095100

05. 1부터 100까지 (5의배수는 빨간색 7의배수는 파란색)

{
    for(let i=1; i<=100; i++){
        if (i%5 == 0) {
            document.write(""+ i +"");
        }
        if (i%7 == 0) {
            document.write(""+ i +"");
        }
}
결과보기
파랑 : 51015202530354045
빨강 : 71421283542495663

06. 구구단 출력하기

{
    for(let i=2; i<=9; i++){ 
    document.write("<br>");
    for(let j=1; j<=9; j++){
        let sum = i*j;
        document.write(i+"*"+j+"="+sum);
        document.write("<br>");
    }
}
결과보기
i는 2로 설정후 1증가 할때마다
j의 값을 9까지 증가
이후 이 과정을 i의 값이 9에 도달할때까지 반복
2*1=2
2*2=4
2*3=6
2*4=8
2*5=10
2*6=12
2*7=14
2*8=16
2*9=18

07. for문을 이용해서 테이블 출력하기

let table = "<table class='testTable'>"
    let s = 0;
        
        for(let q=1; q<=10; q++){//q를 10번 반복해
            table +="<tr>" //<tr> 행 생성 10번 생성
            //10번 반복(for)
            
            for(let num=1; num<=10; num++){ //num을 10번 반복해
                s++
                table +="<td>"+s+"</td>"
            }
    
            table +="</tr>" //</tr> 행 닫기 10번 생성
        }
    
        table +="</table>" //</table> 테이블 닫기 10번 
        document.write(table); //테이블 출력
    }
결과보기
 
728x90
반응형

'Javascript' 카테고리의 다른 글

함수  (6) 2022.07.26
데이터 타입  (6) 2022.07.26
조건문  (5) 2022.07.26
연산자  (12) 2022.07.20
기본 규칙  (16) 2022.07.20

댓글

#HASH_TAGS

-

1

선택해주세요 다크모드 메서드 화사한가요? 울적하니 꽃을 달아봤습니다 오징어 한마리 수확 완료! 오늘 조업 마감했습니다. 제이쿼리 공부 Method 코드 내일은 즐거운 월요일 scroll-snap-align 오늘은 내가바로 오징어! 오징어 두마리 포획 완료 HTML 테스트 오늘도 웹표준은.. JQuery 이건 또 뭐람 scroll-snap-type 숙제가 다양해서 너무 좋아요 코딩 슬라이드 결과 : 월요일 ImageSlideEffect 멈추지 않는 ' j ' 시리-즈 오징어 1Kg 당 3000원 필터선택자 테스트테스트