π¦Ύ 11 Modern JavaScript Hacks
β©
β©
π Table of Contents
β Conversion to Number
β Conversion to Boolean
β Conversion to String
β Complex String
β Short Circuit && / ||
β Nullish Check
β Default Value
β Default Function Parameter
β Optional Chaining
β Array Resizing
ββ Function Rest Parameter
β Conversion to Number
β Conversion to Boolean
β Conversion to String
β Complex String
β Short Circuit && / ||
β Nullish Check
β Default Value
β Default Function Parameter
β Optional Chaining
β Array Resizing
ββ Function Rest Parameter
β Conversion to Number
To convert any data to a Number type, use
β₯ Unary "+" operator
β₯ Number function
β₯ parseInt function
To convert any data to a Number type, use
β₯ Unary "+" operator
β₯ Number function
β₯ parseInt function
β Conversion to Boolean
To convert any data to a Boolean type, use
β₯ Boolean function
β₯ !! operator (Double Bang Operator)
To convert any data to a Boolean type, use
β₯ Boolean function
β₯ !! operator (Double Bang Operator)
β Conversion to String
Are you converting a value to a String like below? Remember, it's faulty.
β₯ '' + input
Instead use String() function.
Are you converting a value to a String like below? Remember, it's faulty.
β₯ '' + input
Instead use String() function.
β Complex String
Are you forming a String using multiple concatenation operators? Remember, it's difficult to write and hard to read.
β₯ 'Hello ' + fName + ' ' + lName
The modern approach is to use String Template Literals.
β₯ `Hello ${fName} ${lName}'
Are you forming a String using multiple concatenation operators? Remember, it's difficult to write and hard to read.
β₯ 'Hello ' + fName + ' ' + lName
The modern approach is to use String Template Literals.
β₯ `Hello ${fName} ${lName}'
β Short Circuit && / ||
Are you still using "if" statements for one-liners?
β₯ if (hungry) eat()
The modern approach in such scenarios is to use Short-Circuits.
β₯ hungry && eat()
Are you still using "if" statements for one-liners?
β₯ if (hungry) eat()
The modern approach in such scenarios is to use Short-Circuits.
β₯ hungry && eat()
β Nullish Check
How do you check Nullish values?
The modern and most effective way is doing it using "Nullish Coalescing Operator" (??)
How do you check Nullish values?
The modern and most effective way is doing it using "Nullish Coalescing Operator" (??)
β Default Value
How do you assign value to a variable if it's missing?
β₯ x || (x = 10)
β₯ y ?? (y = 10)
The modern approach of doing it is
β₯ x ||= 10
β₯ y ??= 10
How do you assign value to a variable if it's missing?
β₯ x || (x = 10)
β₯ y ?? (y = 10)
The modern approach of doing it is
β₯ x ||= 10
β₯ y ??= 10
β Default Function Parameter
Do you often check if a function parameter is missing its value and manually assign a value to it?
The modern approach is to use default function parameters.
Do you often check if a function parameter is missing its value and manually assign a value to it?
The modern approach is to use default function parameters.
β Optional Chaining
To avoid TypeError, instead of checking whether a property exists in an object manually, use "Optional Chaining Operator" (?.)
To avoid TypeError, instead of checking whether a property exists in an object manually, use "Optional Chaining Operator" (?.)
β Array Resizing
To remove few last elements from an array, simply modify the array's length property value. Items from the array will automatically be removed.
To remove few last elements from an array, simply modify the array's length property value. Items from the array will automatically be removed.
ββ Function Rest Parameter
Are you using "arguments" variable to manipulate your function parameters? The modern approach is to use a "rest parameter".
Are you using "arguments" variable to manipulate your function parameters? The modern approach is to use a "rest parameter".
End of π§΅
Are you looking for modern tricks for web development? I am sharing those on HTML/CSS, JavaScript and React regularly.
If you are interested, Follow me β
Are you looking for modern tricks for web development? I am sharing those on HTML/CSS, JavaScript and React regularly.
If you are interested, Follow me β
β’ β’ β’
Missing some Tweet in this thread? You can try to
force a refresh
γ
