Bulletproof type checks in JavaScript

Using typeof

To check what type is a variable you would most likely use the typeof function. You can even skip the parenthesis (typeof someVariable is same as typeof(someVariable)).

typeof works great for:

strings
numbers (not if checking integer vs. float)
big integers
symbols
functions
booleans
checking if a variable is undefined

typeof "hello"; //string

typeof 1; //number
typeof 0.1; //number

typeof 10000000000000000000000000n; //bigint

typeof Symbol("SomeSymbol"); //symbol

typeof true; //boolean
typeof false; //boolean

typeof function(){}; //function

typeof iamundefined //undefined

It kinda sucks if you need to check:

arrays
integer
floating number
null
NaN
regex
a date object
a custom object

👑 Keep calm and check the solutions below 👍

Check if a variable is an array

The use built-in .isArray method will return true/false if the value is an array. This is way better than the old school method of duck typing when you had to check if the variable is an object and has the .length property.

Array.isArray([]); // true

Check if a variable is an integer

The Number.isInteger method returns true if the variable is an integer.

Number.isInteger(1); //true
Number.isInteger(0.1); //false
Number.isInteger(1000000000000000000000n); //false
Number.isInteger(""); //false

Check if a variable is a floating number

It's a two step process:

Check if the value is a numbe
Check if the value is not an integer

// Solution
const isFloat = function isFloat(val){
  return (typeof val === 'number' && !Number.isInteger(val));
}

// Test
const floatNumber = 0.1;
console.log(isFloat(floatNumber)); //true

Check if a variable is `null`

Best way is to do a comparison.

const iamnull = null; 
const zero = 0;

iamnull === null; //true
zero === null; //false

Check if a variable is `NaN`

The Number.isNaN method returns true if the variable is an integer.

It's an improvement of the older isNaN function, since in that case you should also combine it with typeof check for number, otherwise something like isNaN(undefined) would also return true.

Number.isNaN(NaN); //true
Number.isNaN(undefined); //false

Check if a variable is a regular expression

To verify a variable is a regex simply check if it's an instance of the RegExp object.

/I am a regex/ instanceof RegExp //true
true instanceof RegExp //false

Check if a variable is a `Date` object

Similar to regex, for dates we can also check if the value is an instance of the Date object.

new Date() instanceof Date //true
true instanceof Date //false

Check if a variable is a custom object

typeof will return "object" not just for objects but also for things like arrays and null. Your best option is to combine typeof with elimination.

const isObject = function isObject(val) {
  return (
    typeof val === 'object' &&
    !Array.isArray(val) &&
    val !== null &&
    val instanceof RegExp === false &&
    val instanceof Date === false
  );
};

You can adjust this based on what you want to qualify as an object, however the objects I would like to validate are non-builtin JavaScript objects aka. objects defined by the developer.

Bulletproof type checks in JavaScript

Comments

More from this blog

Get the first and last moment of a day in Javascript

Check if the user is from EU with JavaScript

Get user's preferred languages with JavaScript

Get location by IP with JavaScript

Using typeof

Check if a variable is an array

Check if a variable is an integer

Check if a variable is a floating number

Check if a variable is `null`

Check if a variable is `NaN`

Check if a variable is a regular expression

Check if a variable is a `Date` object

Check if a variable is a custom object

Command Palette

Comments

More from this blog

Using typeof

Check if a variable is an array

Check if a variable is an integer

Check if a variable is a floating number

Check if a variable is null

Check if a variable is NaN

Check if a variable is a regular expression

Check if a variable is a Date object

Check if a variable is a custom object

Check if a variable is `null`

Check if a variable is `NaN`

Check if a variable is a `Date` object