항해2주차 - Node.js (6) 문자형, 숫자형, 불린형 변환, 템플릿 리터럴

1. 문자형으로 변환

let value = true;
alert(typeof value); // boolean

value = String(value); //변수 value엔 문자열 "true"가 저장됨.
alert(typeof value); //string

false 는 문자열 "false"로 , null은 문자열 "null"로 변환되는것.

 

2. 숫자형으로 변환

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

alert("6" / "2"); //3, 문자열이 숫자형으로 자동 변환후에 연산함.

number(value) 함수를 이용해 숫자형으로 변환하기

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

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

alert(typeof num); //number

숫자 이외의 글자가 들어가 있는 문자열을 숫자형으로 변환----->NaN

let age = Number("완두몸무게65");

alert(age); //NaN, 형 변환에 실패

undefined	NaN
null	0
true and false	1과  0
string	문자열의 처음과 끝 공백이 제거됨. 공백제거후 남아있는 문자열이 있다면 0, 그렇지 않으면 문자열에서 숫자를 읽는다. 변환에 실패하면 NaN됨.

alert( Number("  123   ") ); //123
alert( Number("123h"));      //NaN ("h"를 숫자변환에 실패함)
alert( Number(true));        //1
alert( Number(false));       //0

 

3. 불린형으로 변환

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

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

숫자0, 빈 문자열, null, undefined, NaN 딱봐도 '비어있다' ---------> false

그 외에는 ---------> true

 

3-1 문자열 "0"은 true 임.

alert( Boolean("0") ); // true
alert( Boolean(" ") ); 
// 공백이 있는 문자열도 비어있지 않은 문자열이기 때문에 true로 변환됨.

자바스크립트에선 비어있지 않은 문자열은 언제나 true 임.

 

4. 기억하자

숫자형으로 변환시 undifined는 0 이 아니라 NaN임.

문자열 "0" 과 " " 같은 공백은 불린형으로 변환 시에 true임.

 

5. 템플릿 리터럴 (Template literals)

백틱(``) 을 사용하여 문자열 데이터를 표현할 수 있다.

이중 따옴표나 작은 따옴표로 문자열을 표현할 때보다 간결하게 문자열 붙이기가 가능하다.

const shoesPrice = 200000
console.log(`이 신발의 가격은 ${shoesPrice}원입니다`) 
// console.log('이 신발의 가격은 ' + shoesPrice + '원입니다') 와 동일
// + 를 활용한 문자열 붙이기보다 간결하게 표현할 수 있다.