[모던 JS 튜토리얼] 2.7. 형 변환

형 변환 : 함수와 연산자에 전달되는 값이 적절한 자료형으로 자동 변환되는 것

ex) alert 가 전달 받은 값의 자료형과 관계 없이 변환하는 것

ex) 수학 관련 연산자가 전달 받은 값을 숫자로 변환하는 경우

2.7.1. 문자형으로 변환

alert() 는 매개변수로 문자형을 받음 → value : 문자형이어야 함 → 다른 형의 값을 전달 받으면 문자형으로 자동 변환됨

<script>
      let value = true;
      alert(typeof value); //boolean으로 형 변환

      value = String(value); //string으로 형 변환
      alert(typeof value);

      
</script>

2.7.2. 숫자형으로 변환

수학과 관련된 함수와 표현식에서 자동으로 일어남

변환 방법

• 숫자형이 아닌 값에 연산자를 사용하는 경우

<script>

      let str = '123';
      alert(typeof str);  //string
      
</script>

• 숫자 관련 함수를 사용하는 경우 (명시적 형 변환)

<script>
  
      let num = Number(str);  //문자열 '123'을 숫자로 변환
      alert(typeof num);   //number

</script>

주의

• 문자 기반 form을 통해 숫자형 값을 입력 받는 경우, 명시적 형 변환 **필수
• 숫자 이외의 글자가 들어간 문자열 ⇒ 숫자형으로 바꿀 때 결과는 NaN이 됨

<script>
      let age = Number('임의의 문자열 abdsjcnwlcw');
      alert(age);
      
</script>

2.7.3. Boolean 형으로 변환

Boolean(value)

규칙

• 숫자 0, 빈 문자열, null, undefined, NaN 등 ‘비어있다’ 고 느껴지는 값들 ⇒ false
• 그 외의 값 ⇒ true

문자열 “0”은 true

<script>
      alert(Boolean(1)); //true
      alert(Boolean(0)); //false

      alert(Boolean('hello'));   //문자열 -> True
      alert(Boolean(""));  //비어있다고 인식 -> false
</script>