[J] JavaScript & jQuery 공부하기 #3

경기도 일자리 재단에서 수업을 배웠고 자료를 참고하여 공부를 해보았다.

 

5. 형 변환
- 데이터 형 변환
 * 데이터 형 변환 : 기존의 데이터 타입을다른 타입으로 변환
 * type of 연산자
   - 데이터 형식을 문자열로 반환
   - "number" "string" "boolean" "object" "function" "undefined" 값을 반환
 * 데이터 형 변환의 종류
   - 명시적 형 변환
   Number() <-> String()

   - String > Number
   < script type="text/javascript">
   var str = "100" //str에 문자열을 변수로 할당
   document.writeIn(typeof str); //현재 타입 확인
   str = Number(str); //str의 문자열을 number 형태로 형 변환
   document.writeIn(typeof str); //현재 타입 확인
   </ script>
   > 결과 : string number

   - Number > String
    < script type="text/javascript">
     var num = 100; //num에 number 형태 변수를 할당
     document.writeIn(typeof num); //현재 타입 확인
     num = String(num); //num을 문자열 형태로 형 변환
     document.writeIn(typeof num); //현재 타입 확인
   </ script>

  - parseInt(numberString,[radix]), parseInt(numberString)

    * parseInt() : numberString에 포함된 숫자 형태의 값을 정수로 반환
      접두사를 정수로 구분 할 수 없다

  - parseFloat(numberString, [radix]), parseFloat(numString)

    * parseFloat() : numberString에 포함된 숫자와 같은 숫자 값을 반환
      접두사를 부동 소수점 숫자로 변환 불가

   - 자동 형 변환

   - parseInt(numberString, [radix]), parseInt(numberString)

    * 숫자 타입에 문자를 더하여 문자 타입의 결과 반환함
    < script type="text/javascript">
    var num = 100;
    num = num + "";
    document.writeIn(typeof num);
    </ script>
    > 결과 : string

    * 문자 타입에 숫자를 곱하면 숫자 타입이 됨
     < script type="text/javascript">
      var str = "100";
      str = str*1;
      document.writeIn(typeof str);
    </ script>
    > 결과 : number