📖 3. JavaScript의 형변환

📖 JavaScript 형변환

🚀 1. 정의

• 자바스크립트는 타입이 매우 유연한 언어이다. 때문에 자바스크립트 엔진이 필요에 따라 암시적변환을 혹은 개발자의 의도에 따라 명시적변환을 실행한다.

---

🔎 암시적 형변환이란?

🚀 1) 산술연산자

• 더하기(+) 연산자는 숫자보다 문자열이 우선시 되기 때문에, 숫자형이 문자형을 만나면 문자형으로 변환하여 연산된다.
  

• 다른 연산자(- * / %)는 숫자형이 문자형보다 우선시되기 때문에 더하기와 같은 문자형으로의 변환이 일어나지 않는다.

---

🚀 2) 동치비교

아래 예제는 엄격하지 않은 동치(==)비교이며, 아래의 결과값은 좌우항 변환할 경우 모두 '0==0이기 때문에' 'true'이다.

관련된 개념인 엄격한 동치 (===)는 별도로 다룰 예정

---

🔎 명시적 형변환이란?

🚀 1) 정의

• 명시적 변환이란 개발자가 의도를 가지고 데이터 타입을 변환시키는 것이다.

• 타입을 변경하는 기본적인 방법은 Object(), Number(), toString(), Boolean() 와 같은 함수를 이용하는데 new 연산자가 없다면 사용한 함수는 타입을 변환하는 함수로써 사용된다.

---

🚀 2) A Type => Number

• 다른 자료형을 숫자타입으로 변형

---

🚀 2-1) Number()

• 정수형과 실수형의 숫자로 변환한다. 보통 문자형을 숫자형으로 변경할때 사용한다. 숫자로 변환되지 않는 경우에는 NaN(Not a Number)을 반환

• 펄시한 값(falsy values : null, false,"빈문자열")에 대해서는 0으로 표현합니다.
  트루시한 값(truthy values)에 대해서는 1로 표현합니다.
  array의 경우는 Number()함수에서 사용하는 0을 반환합니다

---

🚀 2-2) parselent()

• 정수형의 숫자로 변환한다. 만약 문자열이 '숫자0'으로 시작하면 8진수로 인식하고, '0x, OX'로 시작한다면 해당 문자열을 16진수 숫자로 인식한다. 또한 앞부분 빈 공백을 두고 나오는 문자는 모두 무시되어 NaN을 반환한다.

• parseInt()는 문자열로 된 부분에서 숫자(정수)만 뽑아서 변환해주는것이 특징이고, Number()은 문자열 전체가 숫자일때 소수점까지 숫자타입으로 가져올 수 있다

---

🚀 2-3) parFloat()

• parseFloat()는 부동 소수점의 숫자로 변환한다.
  

• parseInt()와는 달리
  parseFloat()는 항상 10진수를 사용하며 parseFloat() 또한 앞부분 빈 공백을 두고 나오는 문자는 모두 무시되어 NaN을 반환한다.

---

🚀 2-3.1) 단항연산자(unary-operators)로 숫자형 타입 변경

• 위 예제를 보면 단일 연산자를 이용한 숫자형 변환은 Number와 동일한 동작을 하는 것을 볼 수 있다. 단항 연산자는 자바스크립트 함수를 사용하지 않고 타입변환을 할 수 있는 쉽고 효율적인 방법이다.

---

🚀 3) A Type => String Type

• 다른 자료형을 문자타입으로 변형

🚀 3-1) String()

---

🚀 3-2) toString()

• 주어진 값을 문자열로 변환 후 반환합니다.
  toString()는 인자로 기수를 선택할 수 있다. 인자를 전달하지 않으면 10진수로 변환한다.

---

🚀 3-3) toFixed()

• toFixed()의 인자를 넣으면 인자값만큼 반올림하여 소수점을 표현하며 소수점을 넘치는 값이 인자로 들어오며 '0'으로 길이를 맞춘 문자열을 반환한다.

---

🚀 4) A Type => Boolean Type

• 다른 자료형을 불린타입으로 변형하는 방법

---

🚀 4-1) Boolean()

• 자바스크립트에서는 Boolean타입으로 변경은 Boolean 또는 부정연산자(!)를 사용하여 Boolean값을 만들어낸다. 부정연산자는 의미그대로 !을 사용하면 Boolean() 반대의 값을 리턴한다.