자바스크립트(4)

함수 나만 어려워?

 

 

주석

/*

 

*/

 

 

 

줄바꿈

- <br />

 

 

 

반복문

 

- while (조건){

    반복해서 실행할 코드

   }

 

 

-for문 : 3가지 구성요소 : for(let i = 0; i<10; i++) { 

                                       } 

 

< i++ 와 ++i 차이점>

* i++ 

i=0;
alert(i++)  // i++ 자리에 0이 온다 -> alert을 실행시키면 1이 증가한다. (기존의 값(i=0;)을 사용하고 i 값을 1 증가 시킴)




* ++i

i=0;
alert(++i) // ++에서 1을 먼저 증가시키고 alert을 실행시킨다. (기존의 값에서 1을 먼저 증가시키고 사용)

 

 

 

 

 

반복문의 제어

 

- break : 반복작업을 중간에 중단

 

ex) for(let = 0; i<10; ++i){

             if( i === 5) {

                  break;

              }

               document.write('conding everybody +i+ <br />);

}   //  conding everybody 0~4 (4까지 처리하고 5에서 중단)

 

 

 

- continue : 실행을 즉시 중단 하고 다시 반복을 지속

 

ex) for(let i = 0; i<10; i++){

      if(i === 5 ) { 

       continue;

      }

 document.write('conding everybody +i+ <br />);

} //  conding everybody 0~4

      conding everybody 6~9

     (4까지 처리하고 5에서 중단한뒤 다시 6부터 실행)

 

 

 

반복문의 중첩(이중 for문)

     

    *문자와 숫자를 결합하게 되면 

     자바스크립트는 숫자를 문자로 자동 인식

 

- for( let i = 0; i< 10; i++){

   for(let k = 0; k<10; k++){

       document.write(string(i) + string(j)+ <br />);
    }

 }

 

for(i) 실행하고 

for(k) 10번 반복 실행된다. 그리고

for(k) 실행이 끝나면 다시 밖으로 나가서

for(i) 실행 한번 하고

for(k)10번 반복 실행한다. 또 다시 밖으로 나가서 

for(i) 실행한다. 

 

최종적으로

 

for(i) 는 10번 실행 for (k)는 100번 실행한다.

 

 

 

 

 

함수(function) : 하나의 로직을 재실행 할 수 있도록 하는 것으로 코드의 재사용성을 높여준다.

 

- 문법

 function 함수명(){

      return 

 }

     

  함수명();

 

 

ex) function 함수명 ( [인자...[,인자]]) )

         return 반환값

     }

     

    function numbering() {

            return  console.log(1);

}

  numbering(); // 1

 

 

 

- 출력 : return (return 값은 하나만 가진다.)

 

 ex1) funtion get_argument(arg){

                                   매개변수(parameter)

      retun arg*1000;

 }

 

 alert(get_argument(1)); // 1000

 alert(get_argument(2)); // 2000

                               인자(argument) 

 

 

ex2) funtion get_arguments(arg1, arg2){      

         return arg1 + arg2;

   }

 

   alert(get_arguments(10, 20)); //30

   alert(get_arguments(20, 30)); // 50

 

 

 

 

 

함수의 다른 정의 방법

 

-변수에 대입

 

numbering(변수) = funtion()(함수){

              for( let i = 0; i<10; i++){

              console.log(i)

        }

}

 

아래와 같은 의미임

 

funtion numbering()(함수){

   for( let i = 0; i<10; i++){

          console.log(i)

      }

}

 

numbering();

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

'JavaScript' 카테고리의 다른 글

자바스크립트(6)  (0) 2022.12.13
자바스크립트(5)  (0) 2022.12.11
자바스크립트(3)  (0) 2022.12.08
자바스크립트(2)  (1) 2022.12.07
자바스크립트(1)  (0) 2022.12.07