JavaScript Primer 暗黙な型変換
読書メモ
型変換は,あくまでプリミティブ型に対してのみに留めるべき
暗黙的に型変換できない
文字列 → 数値
NaNになってしまった場合の処理を書く必要がある
jsconst userInput = "任意の文字列";
const num = Number.parseInt(userInput, 10);
if (!Number.isNaN(num)) {
console.log("NaNではない値にパースできた", num);
}
何と演算しても結果はNaNになる
自分自身と一致しない
黙的な型変換の中でももっとも避けたい値
理由: 何と演算しても結果がNaNとなってしまうため,デバッグしにくい
対策
関数側(呼ばれる側)で,Number型の値以外を受けつけなくする
数に数値以外の値がある場合は例外を投げるという処理を追加する
関数を呼び出す側で,Number型の値のみを渡すようにする
↑2つやる
暗黙的な型変換は意図しない結果となりやすいため避ける
真偽値を得るには、明示的な型変換以外の方法もある
bad
js// 空文字列かどうかを判定
function isEmptyString(str) {
// `str`がfalsyな値なら、`isEmptyString`関数は`true`を返す
return !Boolean(str);
}
// 空文字列列の場合は、trueを返す
console.log(isEmptyString("")); // => true
// falsyな値の場合は、trueを返す
console.log(isEmptyString(0)); // => true bad
// undefinedの場合は、trueを返す
console.log(isEmptyString()); // => true
ok: 正確に書く必要がある
js// 空文字列かどうかを判定
function isEmptyString(str) {
// String型でlengthが0の値の場合はtrueを返す
return typeof str === "string" && str.length === 0;
}
console.log(isEmptyString("")); // => true
// falsyな値でも正しく判定できる
console.log(isEmptyString(0)); // => false
console.log(isEmptyString()); // => false