타입 변환

/**

 * 타입 변환

 * Type Conversion

 *

 * 1) 명시적 (강제로 명령)

 * 2) 암묵적

 */

let age = 26;

age 라는 변수에 26이라는 number값을 지정

// 명시적

let stringAge = age.toString();

console.log(typeof stringAge, stringAge);

요기서 .toString은 함수로 나중에 배운다고 한다

age값을 명시적으로 string값으로 변환하고

자료형과, 콘솔창에 출력해보면

string 26

이렇게 number타입인 26이란 값이 string값으로 변환된걸 볼 수 있다

 

// 암묵적

let test = age + '';

console.log(typeof test, test);

이번에는 test라는 변수에 age + ''; 라는 값 26(number타입) + ''(string타입) 을 더한 값을 지정하면

string 26

자료형이 string 이라고 나온다

숫자 + 문자 는 문자이다

이것이 암묵적 이라고 한다

console.log('98' + 2);

console.log('98' * 2);

console.log('98' - 2);

이렇게 문자와 숫자를 더하기 곱하기 뺴기를 해보면

982

196

96

98이라는 문자 + 숫자 2는 숫자2가 문자열로 변환되어 982라는 값이 나오고

98이라는 문자 * 숫자 2는 문자열엔 곱하기가 없어 문자98이 숫자로 변환되어 196이 나오고

98이라는 문자 - 숫자2는 문자열엔 빼기가 없어 문자98이 숫자로 변환되어 96이 된다

 

자바스크립트 기능적으로 이런것들이 가능하기 때문에

이런 암묵적인 기능들을 사용하지 말라고 한다(헷갈리기 때문)

그래서 이러한 암묵적인 변환이 있어서 꼭 같은 타입끼리 연산을 하라고 한다

/**

 * 명시적 변환 몇가지 더 배우기

 */

toString;

parseInt

parseFloat

toString string값으로 변환

parseInt 정수로 변환

parseFloat 소수로 변환

/**

 * Boolean 값으로 변환

 */

console.log('x');

!기호를 사용해 해당 'x'라는 문자형을 boolean값인 true와 false로 변환할 수 있다

console.log(!'x');

false

!기호를 사용해 콘솔에 실행시키면 false값으로 출력된다

console.log(!!'x');

!!로 느낌표를 두개 사용하면 아니다가 두개이므로 원래의 값이 나온다

true

'x'는 원래의 불리언값은 true이다 이것으로

string에 값이 있으면 어떠한 값이라도 ture이고

console.log(!!'');

이렇게 ''따옴표 안에 아무런 값이 없으면

false

false이다 

string 타입에는 값이 있냐 없냐에 따라 true, false가 나뉜다

console.log(!!0);

console.log(!!'0');

console.log(!!false);

console.log(!!undefined);

console.log(!!null);

숫자 0

문자 0

false

undefined

null 값들을 불리언값으로 변환하면

false

true

false

false

false

숫자 0 은 false

문자 0 은 true

false 은 false

undefined 은 false

null 은 false

이것들을 보면 숫자0 또는 값이 정의되지않은 친구들은 fasle이고

값이 존재하는 친구들은 true로 변환되는걸 확인할 수 있다

console.log(!!{});

그러면 오브젝트 타입인데 아무런 값이 없을때 불리언값으로 변환하면

true

true이다

console.log(!![]);

대괄호인 array타입(리스트타입)인데 값이 없는 타입을 불리언으로 변환해도

true

true이다

오브젝트 타입은 값이 있든 없든 무조건 true가 나온다고 한다

 

정리하면

/**

 * 1) 아무 글자도 없는 String

 * 2) 값이 없는 경우

 * 3) 0

 *

 * 모두 false를 반환한다

 */

으로 정리할 수 있다