DEV Community

Cover image for Writing a JavaScript Code
niksin
niksin

Posted on

Writing a JavaScript Code

We are used to writing JavaScript code for a long time. But we are not updated enough to use an optimized way of coding for JavaScript. With the optimized method of coding, we can be on top of the things which is related to optimized code. With Shorthand methods, lots of things become easy for developers, Like Error tracking, Code management, line of Codes, etc.

Here the list of javascript shorthands

  1. Javascript Shorthand for if with multiple OR(||) conditions
  2. Javascript Shorthand for if with multiple And(&&) conditions
  3. Javascript Shorthand for checking null, undefined, and empty values of variable
  4. Javascript Shorthand for switch case to select from multiple options
  5. Javascript Shorthand for functions for single line function
  6. Javascript Shorthand for conditionally calling functions
  7. Javascript Shorthand for To set the default to a variable using if
  8. Javascript Shorthand for if…else statements
  9. Javascript Shorthand for traditional for loops to fetch a value from array
  10. Javascript Shorthand for typecasting, Converting string to number

1. Shorthand for if with multiple OR(||) conditions

if (car === 'audi' || car === 'BMW' || car === 'Tesla') {
    //code
}
Enter fullscreen mode Exit fullscreen mode

In a traditional way, we used to write code in the above pattern. but instead of using multiple OR conditions we can simply use an array and includes. Check out the below example.

if (['audi', 'BMW', 'Tesla', 'grapes'].includes(car)) {
   //code
}
Enter fullscreen mode Exit fullscreen mode

2. Shorthand for if with multiple And(&&) conditions

if(obj && obj.tele && obj.tele.stdcode) {
    console.log(obj.tele .stdcode)
}
Enter fullscreen mode Exit fullscreen mode

Use optional chaining (?.) to replace this snippet.
console.log(obj?.tele?.stdcode);

3. Shorthand for checking null, undefined, and empty values of variable

if (name !== null || name !== undefined || name !== '') {
    let second = name;
}
Enter fullscreen mode Exit fullscreen mode

The simple way to do it is...

const second = name || '';
Enter fullscreen mode Exit fullscreen mode

4. Shorthand for switch case to select from multiple options

switch (number) {
  case 1:
     return 'Case one';
  case 2:
     return 'Case two';
  default:
     return;
}
Enter fullscreen mode Exit fullscreen mode

Use a map/ object

const data = {
  1: 'Case one',
  2: 'Case two'
};
//Access it using
data[num]
Enter fullscreen mode Exit fullscreen mode

5. Shorthand for functions for single line function

 function example(value) {

  return 2 * value;

}
Enter fullscreen mode Exit fullscreen mode

Use the arrow function

const example = (value) => 2 * value
Enter fullscreen mode Exit fullscreen mode

6. Shorthand for conditionally calling functions

function height() {
    console.log('height');
}
function width() {
    console.log('width');
}
if(type === 'heigth') {
    height();
} else {
    width();
}

Enter fullscreen mode Exit fullscreen mode

Simple way

 (type === 'heigth' ? height : width)()
Enter fullscreen mode Exit fullscreen mode

7. Shorthand for To set the default to a variable using if

if(amount === null) {
    amount = 0;
}
if(value === undefined) {
    value = 0;
}
console.log(amount); //0
console.log(value); //0
Enter fullscreen mode Exit fullscreen mode

Just Write

console.log(amount || 0); //0

console.log(value || 0); //0
Enter fullscreen mode Exit fullscreen mode

9. Shorthand for if…else statements

let label;
if (amt > 0) {
    label = 'profit';
} else {
    label = 'loss';
}
Enter fullscreen mode Exit fullscreen mode

Replace it with a ternary operator

const label = amt > 0 ? 'profit' : 'loss';
Enter fullscreen mode Exit fullscreen mode

10. Shorthand for traditional for loops to fetch a value from array

const arr = [1, 2, 3];
for(let i=0; i<arr.length; i++) {
    console.log(arr[i]);
}
Enter fullscreen mode Exit fullscreen mode

Replace for with forEach

const arr = [1, 2, 3];
arr.forEach((val) => console.log(val));
Enter fullscreen mode Exit fullscreen mode

11. Shorthand for typecasting, Converting string to number

const num1 = parseInt("100");
const num2 =  parseFloat("11.11");
simply use + operator

const num1 = +"100";
const num2 =  +"11.11";
Enter fullscreen mode Exit fullscreen mode

Discussion (0)