본문 바로가기
IT/JavaScript

JavaScript 변수

by Jeami 2013. 6. 27.
반응형




[03] 변수(Variable) 

1. 변수란? 어떤 값을 받아 저장시키는 공간


2. 변수명

   - 변수명은 사용자가 임의로 지정할 수 있다.

   - 첫번째 단어는 반드시 영문자일 것. 

     단, 중간에 숫자,_와 조합할 수 있음

   - 띄어쓰기도 한글도 쓸수 없다.

   - 자바스크립트 예약어는 사용할 수 없다. 


3. 변수의 선언과 지정

   var a;      --------------> 변수의 선언 : 변수명지정은 자유롭다. type선언은 없다.

   a = 1;    --------------> 변수의 지정 : a에 값 1을 대입한다는 의미


 


4. 자료형

    - 숫자 : 정수(10진법[0으로 시작하지 않는 일반숫자], 8진법[0으로 시작], 16진법[0x로 시작])

               실수(소숫점 및 지수표현의 숫자)

    - 문자열 : "..."로 묶인 일련의 문자

    - 논리값 : true, false

    - NULL : null (변수공간만 잡고 있고 저장공간이 아무것도 없는 상태임을 의미)


 04. 자료의 연산 

1. 대입 연산자 (2항 연산자)

   take  = 0     -----> 단순 대입

   take += 10   -----> take = take + 10    (-=, *=, /= ,%=도 있음)


2. 산술 연산자

   - 1항 연산자 : 1씩 증가 또는 감소하는 연산 ++, -- 가 있다.

      ++take; --take;


   - 2항 연산자 : 전위, 후위형의 연산

      power=++take; ------> take를 1증가시킨 후 power에 대입 

      power=take++; ------> take를 power에 대입시킨후 take값 1증가시킴

     * power=-take  ------> take는 음수값을 갖게 한다.


   - 3항 연산자 (일반적 산술표현)

       power = take + 10


3. 문자열 연산자

     c = a + b   ---------------> 문자열 a와 b를 이어붙인 값을 c에 대입.


     a += b       ---------------> 문자열 a에 b를 붙여 다시 a에 대입.


     a = 2005 + "을유년"  -------> 문자열과 숫자의 +연산은 숫자를 문자열로 인식


                                               a는 "2005을유년"이 된다.


     * 문자열에 특수문자 넣는법 : 역슬래시(\)다음에 n, t, b, r,',",\를 연이어 써서 표기


       예) alert("abc\nefg")  ----> abc ( \n 이 newline의 역할을 함)


                                                 efg

    &&(and) : 연산자 양쪽의 변수나 수식이 둘다 참일때만 참(true)값을 결과로 낸다.

    ||(or)    : 둘중 하나만 참이어도 참(true)값을 낸다.

    !(not)     : !다음에 오는 값의 반대값을 낸다.

    ex)주소가 서울이거나 부산인사람

        addr=="서울" ||  addr=="부산"


    ex)점수가 60점이상 90점미만인사람

       score>=60  && score<90(O)

       60<= score < 90   (X)


 


5. 비교 연산자 : 두값의 대소와 동일여부를 비교하는 조건에서 참,거짓값을 내는 연산


    a == b  : a와 b가 같으면 true                a != b   : a와 b가 같지 않으면 true


    a > b   : a가 b보다 크면 true                a < b   : a가 b보다 작으면 true


    a >= b : a가 b보다 크거나 같으면 true    a <= b : a가 b보다 작거나 같으면 true


 


6. 조건 연산자 


    c = (조건)? a : b  ----> 조건이 참이면 a값을, 거짓이면 b값을 c에 대입



05. IF, Switch 조건제어문 

1. if 문 : 특정조건에 따라 수행되거나 수행되지 말아야 할 일련의 프로그램 코드를 지정하는 명령

    if (조건) { 참일때 처리코드}

    if (조건) { 참일때 처리코드 } else { 거짓일때 처리코드}

    if (조건1) { 조건1이 참일때 처리코드 } 

    else if (조건2) { 조건1이 거짓이고 조건2가 참일때 처리코드} 

    else { 조건1이 거짓이고 조건2가 거짓일때 처리코드}


2. Switch문 : case문과 함께 사용하여 입력값과 같은 조건에 해당하는

              결과를 수행하게 함.

    switch(변수) 

    {

        case 조건1 : 실행문1;  break   ------> 변수 == 조건1 이면 결과1을 수행하고 switch문 나옴

        case 조건2 : 실행문2;  break

                       :

        case 조건8 :                  ------->결과값이 같은 것을 묶어서 한번에 표시한 예

        case 조건9 :                          조건8이 되거나 9,10이 되었을때 모두 결과10을 수행

        case 조건10 : 실행문10; break

        [default:]    실행문

    }


[06] For, While, Do...While 반복제어문


1. For 문 : 초기값을 지정해주고 마지막 결과값이 될때까지 반복수행

   for ( 변수명 = 초기값 ; 조건 ; 연산부) { 반복수행될 문장 }   *수행문이 한 line이면 {}생략

   예) for (a = 1; a <= 100 ; a++)  

              document.write(a+",") 

        a 에 초기값1을 주고 100이 될때까지 a값을 1씩 증가하면서 a 를 문서에 쓴다.


2. While 문(선행조건검사) : 먼저 조건이 참인지 확인하고  반복수행

   while (조건){ 문장 }

 

3. do...while문(후행조건검사) : 문장을 먼저 실행한 다음 조건식을 확인

   do { 반복 문장 } while(조건) {조건이 거짓이 되면 수행할 문장}


4. continue문 : 반복 구조의 문장에서 반복실행중 다른 조건에 의해 

                다시 반복문의 처음으로 이동하게 한다.

   break문  : 반복 문장에서 강제탈출


[07] 함수(function)


1. Function 란? 

   반복되는 일련의 문장등을 하나의 단위로 묶어 놓은 집합 

   정의 부분에서 미리 정의하고 필요할때마다 호출하여 사용한다.


2. 정의하기와 호출하기

  <HEAD>

   <SCRIPT language="JavaScript">

       <!-

        function 함수명(매개변수 list)

        { 


                   함수내용;


                   [return 되돌려주는 값]

         }    -----> return 값이 없는경우 생략한다.

        //-->

    </SCRIPT>

    </HEAD>

    <BODY>


     <SCRIPT language="JavaScript">

        함수명(인수값 list)   ----------------> 인수값이란 함수의 매개변수에 대칭되는 전달값.

      </SCRIPT>

     </BODY>


 

3. 매개변수: 함수에 전달되는 값을 받는 변수

    - 지역변수 : 함수 내부에서 선언한 변수. 함수 밖에서는 무효

                 함수내부에 var 로 변수선언

    - 전역변수 : 함수 밖 문서 전체에 변수의 내용이 정의된다. 모든 함수에 유효

                 var 로 선언되지 않은 모든 변수가 해당됨

    - 재귀변수 : 함수정의부에서 정의한 자신의 함수를 호출하는 것

                   --> 무한 loop 나 system down등을 일으킬 수 있으므로 주의해서 사용할 것




반응형

'IT > JavaScript' 카테고리의 다른 글

내장개체(String, Date, Math, Array, Function, Screen, Number, Event  (0) 2013.06.29
함수,  (0) 2013.06.28
Java Script 기본구조  (0) 2013.06.28
JavaScript 내장함수  (0) 2013.06.27
JavaScript란  (0) 2013.06.27

loading