[Javascript] 숫자와 문자열 자료형 변환(Number)

 

 

 

< 숫자자료형과 문자열 자료형 자동변환1 >

<script>

     console.log('1 + 2'); //1+2
     console.log(1+2); //3
     console.log('1'+2); //12
     console.log(1+'2'); //12
     console.log('1' + '2'); //12

</script>

첫번째는 '1+2'자체를 문자열 자료형으로 인식하기에 그대로 출력됩니다.

두번째는 자료형의 덧셈이 실행되서 3이 출력됩니다.

나머지 3개는 모두 문자열 '12'가 출력되는데, 숫자자료형과 문자열 자료형이 더해지면 숫자 자료형을 문자열 자료형으로 자동 변환됩니다.

 

 

 

< 숫자자료형과 문자열 자료형 자동변환2 >

<script>

     console.log('1 * 2'); //1*2
     console.log(1*2); //2
     console.log('1'*2); //2
     console.log(1*'2'); //2
     console.log('1' * '2'); //2

</script>

첫번째를 제외하고 모두 숫자자료형으로 인식해서 2가 출력됩니다.

자료형이 자동으로 변환되는것 이외에는 강제로 자료형을 변환할수도있습니다.

아래 예제에서 설명해드리겠습니다.

 

 

 

 

< 문자열 자료형을 숫자 자료형으로 강제변환 >

<script>
      var input = '1';
      var number = Number(input);

      console.log(typeof(number) + ": " + number);
</script>

input은 1이라는 문자열이 저장되었고, Number이라는 함수를 사용해서

파라미터로 input을 넣으면 강제로 숫자로 변환되어 number변수에 저장됩니다.

 

 

 

---