現代JavaScript Deep Dive 9章-タイプ変換と迅速評価

タイプ変換とは?

隠しタイプ変換

文字列タイプに変換

0 + ''            // '0'
null + ''         // 'null'
[1,2,3,4] + ''    // '1,2,3,4'

数値タイプに変換

+''         // 0
+undefined  // NaN
+{}         // NaN
+[]         // 0
+[1,2,3]    // NaN

ブール型に変換

明示的なタイプ変換

文字列タイプに変換

String(100);  
(100).toString(); 
100 + '';

数値タイプに変換

Number('100');
parseInt('100');
parseFloat('3.14');
+'100';
'100' * 1;

ブール型に変換

!!값 
!!0              // false
Boolean({})      // true
Boolean([])      // true

迅速な評価

論理演算子による迅速な評価

true && anything    // anything
false && anything   // false

true || anything    // true
false || anything   // anything

const sayHi = (name) => {
	name = name || '사용자';
    console.log(`안녕하세요 ${name}님`);
}

// es6 기본값 설정
const sayHi2 = (name='사용자') => {
    console.log(`안녕하세요 ${name}님`);
}

sayHi();    // 안녕하세요 사용자님

let elem = null;
let value = elem.value  // null인데 프로퍼티 참조하면 에러남
let value = elem && elem.value // value는 null 할당, 에러 안남

光学フィルタ演算子

let name = '';
let length = name && name.length; // length는 ''가 됨, 문제발생
let length = name?.length // length 는 0 

空の連結演算子

let age = 0 || 20 // 0살을 원했는데 0이 falsy한 값이니 age=20이 됨
let age = 0 ?? 20 // age=0