9 Beginner Friendly Tricks every JavaScript Dev Should know

When I first began learning JavaScript, I kept a record of every time-saving tip I discovered in other people's code, on code challenge websites, and everywhere other than the tutorials I was following.

I'll give 9 hand-picked suggestions that I think are exceptionally brilliant or beneficial. This post is aimed for beginners, but I hope that even skilled JavaScript developers will find something valuable in this list.

Destructing assignment syntax

It is an easy and efficient way of extracting relevant information from JavaScript objects.

This syntax allows for a variety of tricks, such as changing variables in one-liners or parsing only the relevant attributes from a returned object.

const company = {
  products: ['phone', 'laptop', 'camera'],
}
const { 0: phone, 2: camera } = company.products

console.log(camera) //camera
console.log(phone) //phone

Change the size of array

If you change the length of the array you are working with then it would remove the excess elements. This can also be used to empty your array.

const array = [1, 2, 3, 4, 5]

console.log(array.length)
//5

array.length = 3
console.log(array.length)
//3

Spread Operator

You can use the spread operator to shallow copy arrays and objects!!!!

It's also a great technique to concatenate arrays or merge objects with a one-liner, rather than painstakingly iterating over each instance and merging.

const array = [1, 2, 3, 4, 5]
const company = {
  founder: 'John Doe',
}

console.log({ ...company, emp: 10 }) //{founder:"John Doe",emp:10}
console.log([...array, 6]) //[1,2,3,4,5,6]

Sorting Arrays

const array = [1, 5, 7, 9, 6, 3]

console.log(array.sort((a, b) => a - b)) //[1,3,5,6,7,9]
console.log(array.sort((a, b) => b - a)) //[9,7,6,5,3,1]

Find the time your code takes to execute

The time method accepts a timer name as an input and expects the same timer name to be given in a call to timeEnd.

The timeEnd method shows the elapsed time in milliseconds between two function calls.

console.time('timer')
for (let i = 0; i < 1e7; i++);
console.timeEnd('timer')

Convert Decimal to Binary

Want to convert your integer to Binary or Hexa or Octa values..

This is the JavaScript way to do it!!

const num = 10

console.log(num.toString(2)) //10
console.log(num.toString(8)) //12
console.log(num.toString(16)) //a

No need to write console.log again and again

Tired of writing console.log again and again.

Not anymore. See how you can shorten your console log and speed up your coding.

const c= console.log.bind()

c(455)
// 455

Filter Falsy Values

Ever need to filter falsy values out of an array?

False values such as 0, undefined, null, false, "", can be simply ignored using the following method.

const arr=[1,2,'',false]

arr.filter(Boolean)
// [1,2]

Modify Your Buttons

Use Pressable wrapper. Similar to Touchable/Highlight components, but more customizable.

A few of the press functions are
onPressIn is called when a press is activated.
onPressOut is called when the press gesture is deactivated.

Comments

[Prakhar Tandon]

There are a lot of cool things you can do with bitwise operators.
My fav is this - A function to check if a given positive integer is a power of 2

function isPowerofTwo(num){
     if( num & (num-1) == 0 ) return true;
return false;
}

And you can also include arrow functions, they makes things better.

const fun = () =>  console.log("Namaste")