Tricks to write less JavaScript
1. if true and ternary operator
let isEmpty = true;
if(isEmpty === true){
console.log(‘Empty’);
}else{
console.log(‘Not Empty’);
}isEmpty ? console.log(‘Empty’) : console.log(‘Not Empty’);
2. Destructuring
const post = {
data: {
id: 1,
title: ‘Hello’,
text: ‘Hello World’,
author: ‘Fahim Ahammed’
}
}const id = post.data.id;
const title = post.data.title;
const text = post.data.text;
const author = post.data.text;
console.log(id, title, text, author);const {id, title, text, author} = post.data;
console.log(id, title, text, author);
3. Short for loop:
const fruits = [‘Mango’, ‘Banana’, ‘Orange’, ‘Apple’];
for(let i=0; i<fruits.length; i++){
console.log(fruits[i]);
}for(let fruit of fruits)
console.log(fruit);
4. Assign a value if exists:
let port;
if(process.env.PORT){
port = process.env.PORT;
} else{
port = 5000;
}let port = process.env.PORT || 5000;
5. Template Literals:
const name = ‘Fahim’;
const timeOfDay = ‘night’;
const greeting = ‘Hello’ + name + ‘I wish you a good’ + timeOfDay + ‘!’;const greeting = `Hello ${name}, I wish you a good ${timeOfDay} !`;
6. Object with identical keys and values:
const userDetails = {
name: name,
email : email,
age: age,
location: location
};const userDetails = { name, email, age, location };
7. Declaring Variables
//Longhand
let x;
let y;
let z = “post”;//Shorthand
let x, y, z = “post”;
8. Assignment Operator
//Longhand
x = x + y;
x = x — y;//Shorthand
x += y;
x -= y;
9. Arrow Function
//Longhand
function sayHello(name) {
console.log(“Hello”, name);
}list.forEach(function (item) {
console.log(item);
});//Shorthand
sayHello = name => console.log(“Hello”, name);list.forEach(item => console.log(item));
10. Object Array Notation
//Longhand
let arr = new Array();
arr[0] = “html”;
arr[1] = “css”;
arr[2] = “js”;//Shorthand
let arr = [“html”, “css”, “js”];
