[JavaScript] 자료형, 형변환

---

자료형 (Data Types)

https://ko.javascript.info/types

자료형

• 숫자형
• BigInt
• 문자형
• 불린형
• null
• undefined → 값이 할당되지 않은 상
• 객체와 심볼
• typeof 연산자

---

문자형

 

큰 따옴표나 작은따옴표는 차이가 없지만 백틱 ` 에는 다른의미가 있다. 

 

백틱 사이에 ${ } 를 이용해 변수나 표현식을 넣어주면 문자열 중간에 표현이 가능하다는 점이다.

 

alert( "the result is ${1 + 2}" ); 

alert( `Hello, ${name}!` );

등과 같이 사용할 수 있지만 첫째 줄 처럼 큰따옴표는 인식되지 않는다. 

 

무조건 ${} 식의 형태를 사용하기 위해선 백틱을 사용해야 한다.

 

 

Typeof 연산자

.javascript.info 일부 발췌

 

첨부한 사이트의 예시이다.

 

typeof 연산자는 현재 인수의 자료형을 반환해주는 연산자로 다양한 타입이 있다. 

 

헷갈린 부분은 undefined와 null

 

쉽게 이해하기 위해 수업중 첨부된 짤(?) 을 보며 이해하자

NaN 이란? (Not a Number)

NaN은 숫자로서 해석할 수 없는 값을 나타내는 특별한 값이다. 

 

자바스크립트에서 수학적인 연산을 수행할 때 발생할 수 있는 결과 중 하나이다. 

 

 

NaN 사용 상황

• 0으로 나누기 - 0으로 나누는 연산은 유효하지 않기 때문에 NaN을 반환한다.
• 문자열을 숫자로 변환할 수 없는 경우 - "abc" 와 같은 문자열을 숫자로 변환하려고 할 때 NaN이 변환 된다. 
• 숫자가 아닌 값을 포함한 연산 - 숫자가 아닌 값을 포함한 산술 연산이나 수학 함수 호출등에서 NaN이 발생한다.

 

console.log(NaN === NaN);  // false
console.log(isNaN(NaN));   // true
console.log(isNaN(123));   // false
console.log(isNaN("abc")); // true

---

형변환 (Type Conversion)

https://ko.javascript.info/type-conversions

형 변환

 

문자형으로 변환

//value는 처음에 true 로 boolean 값을 가진다 하지만
let value = true;
alert(typeof value); // boolean

//String으로 문자열로 변환후 저장하기 때문에 이후엔 String 이 출력된다.
value = String(value); 
alert(typeof value); // string

 

숫자형으로 변환

let str = "123";
alert(typeof str); // string

// 문자열 "123"이 숫자 123으로 변환된다.
let num = Number(str); 

//따라서 number가 출력된다.
alert(typeof num); // number

 

불린형으로 변환

alert( Boolean(1) ); // 숫자 1(true)
alert( Boolean(0) ); // 숫자 0(false)

alert( Boolean("hello") ); // 문자열(true)
alert( Boolean("") ); // 빈 문자열(false)