JavaScript tips and tricks💡

A thread🧵

When executing lengthy 'for' statements, don't make the engine work any harder than it must.
It is highly inefficient to traverse the DOM to find the 'container'.
That's the reason you must always declare a variable outside the 'for' loop! pic.twitter.com/kArmUVSV78

— Devesh (@Deveshb15) June 16, 2021

JavaScript Tip\U0001f530

Copy to Clipboard button in JavaScript!\xa9 pic.twitter.com/VLgM8C99ER

— Devesh (@Deveshb15) May 10, 2021

Use splice instead of using delete to delete an item from an array. Using delete replaces the item with undefined instead of removing it from the array.
The delete method should be used to delete an object property. pic.twitter.com/ntMLWNVVFN

— Devesh (@Deveshb15) July 2, 2021

Create an array of unique values in JavaScript i.e. remove duplicates\U0001f530

We can create a new array containing only the unique values by using the Set object with the Spread operator. pic.twitter.com/3epttOha44

— Devesh (@Deveshb15) May 31, 2021

Global variables and function names are an incredibly bad idea. The reason is that every JavaScript file included in the page runs in the same scope. pic.twitter.com/SNnK0mC2e7

— Devesh (@Deveshb15) June 25, 2021

Short circuit Conditionals in JavaScript\U0001f530 pic.twitter.com/F4jnGhNdWS

— Devesh (@Deveshb15) May 26, 2021

Quick rounding in JavaScript\U0001f530

If you want to convert a float to an integer, you can use Math.floor() , Math.ceil() or Math.round() . But there is also a faster way using |, the bitwise \u2018or\u2019 operator. pic.twitter.com/MuxWajoj5y

— Devesh (@Deveshb15) June 3, 2021

Javascript tip\U0001f4a1

The toLocaleDateString() method returns a Date object as a string using local conventions. It also takes in an option parameter that can be used to change the format of the Date. #DEVCommunity #CodeNewbie pic.twitter.com/OlGgOkA062

— Devesh (@Deveshb15) February 9, 2021

Comparing three numbers in JavaScript\U0001f530 pic.twitter.com/UivLaS34YF

— Devesh (@Deveshb15) June 7, 2021

Dynamic Property names in JavaScript\U0001f530

You can assign a dynamic property before declaring the object. pic.twitter.com/2s5lmZW8MR

— Devesh (@Deveshb15) May 28, 2021

Did you know that NaN("not a number") is a number in JavaScript!\U0001f92f

Moreover, NaN is not considered equal to itself!

Does your head hurt yet?

In fact, NaN is not equal to anything. The only way to confirm that something is NaN is via the function isNaN(). pic.twitter.com/YeFn2uKCRz

— Devesh (@Deveshb15) June 14, 2021

Javascript Tip\U0001f4a1\U0001f447

How to not push your node_modules on Git\U0001f4a8

Explanation below\U0001f447#DEVCommunity #CodeNewbie https://t.co/Nz2zVosmZG pic.twitter.com/5Muvz6queR

— Devesh (@Deveshb15) January 29, 2021

Testing in JavaScript\U0001f530

Unit test
- Tests individual function or class. These are the easiest to implement. pic.twitter.com/zIQyJ9jGCA

— Devesh (@Deveshb15) June 17, 2021