Discussion on "JavaScript Tips and Best Practices"

Apoorv Tyagi · 2021-07-04T09:18:11.838Z

In this article, I’ll share 10 of the JavaScript tips, tricks, and best practices that I follow and found useful. 1. Use Numeric Separators This is one of the most used operators when I have to deal with large numbers. When using a separator (with ju...

if ([1, 'one', 2, 'two'].includes(value)) {

}

It creates new array every time. It is slower than multiple values comparison

Apoorv Tyagi make a loop of 1000 and compare durations

Apoorv Tyagi

const value = 1; const start = performance.now(); for(let i = 0; i<100000; i++) { if ([1, 'one', 2, 'two'].includes(value)) {

} }

console.log(performance.now() - start);

const start2 = performance.now(); for(let i = 0; i<100000; i++) { if (value === 1 || value === 'one' || value === 2 || value === 'two') {

} }

console.log(performance.now() - start2);

Second is 2 times faster

Thanks Николай Коваленко I Will check this.

Solid Article! The only qualm I'll take is with #5 as it seems junior level devs already overuse .map(). .forEach() is a more analogous solution vs a for loop. Map, filter, and reduce have their applications and are really nice for, like you said, one lining code, but I feel map in particular is overused.

Thanks D S.

I totally get your point here. In my opinion, in most cases it depends on your use case.

map() creates a new array populated with the results of calling a function on every element in the calling array whereas forEach() method executes a provided function once for each array element.

So Basically, if you want to obtain a modified form of the previous array, you can sure short go for map(), if you don’t want that, you use forEach()

Apoorv Tyagi This is so true. I have infact explicitly written about it - When not to use map

Niranjan Borawake Great explanation Thanks for sharing

Very informative tips and tricks thanks!

You're welcome CHris!

Glad you like them😀

Didn't know about console.table!

It's not very significant but yeah, something new and different which is good to know :)

Search Hashnode

JavaScript Tips and Best Practices

Responses5