javascript isNaNでの数値判定について

2021.02.14
javascript
javascript

javascriptで、isNaNでの数値判定を行うと、nullやtrue・falseなどが数値と判定されるため、使用すべきではないので、その実例を記述してます。

1. 環境
2. 数値判定

環境

OS windows10 pro 64bit
Apache 2.4.43
ブラウザ chrome 84.0.4147.105

windows10にApacheのインストール

数値判定

isNaNでの数値判定を行うと、javascriptの仕様で、nullやtrue・falseなどが数値に変換されてしまうため、数値であると判定されてしまいます。

console.log(
  isNaN('a') // true
);

console.log(
  isNaN(1) // false
);

console.log(
  isNaN(-1) // false
);

// nullは0扱い
console.log(
  isNaN(null) // false
);

console.log(
  isNaN(true) // false
);

console.log(
  isNaN(false) // false
);

console.log(

isNaN('a') // true

);

console.log(

isNaN(1) // false

);

console.log(

isNaN(-1) // false

);

// nullは0扱い

console.log(

isNaN(null) // false

);

console.log(

isNaN(true) // false

);

console.log(

isNaN(false) // false

);

数値判定を行う場合は、正規表現を用いるのがおすすめです。

// + - 符号と小数点を含む数値判定
const regex = RegExp(/^[-+]?[0-9]+(\.[0-9]+)?$/);

console.log(
  regex.test(1) // true
);

console.log(
  regex.test(-1) // true
);

console.log(
  regex.test(true) // false
);

console.log(
  regex.test(false) // false
);

console.log(
  regex.test('a') // false
);

console.log(
  regex.test(null) // false
);