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
  • Javascript Shorthand for if with multiple OR(||) conditions
  • Javascript Shorthand for if with multiple And(&&) conditions
  • Javascript Shorthand for checking null, undefined, and empty values of variable
  • Javascript Shorthand for switch case to select from multiple options
  • Javascript Shorthand for functions for single line function
  • Javascript Shorthand for conditionally calling functions
  • Javascript Shorthand for To set the default to a variable using if
  • Javascript Shorthand for if…else statements
  • Javascript Shorthand for traditional for loops to fetch a value from array
  • Javascript Shorthand for typecasting, Converting string to number
  • 1. Shorthand for if with multiple OR(||) conditions
    if (car === 'audi' || car === 'BMW' || car === 'Tesla') {
        //code
    }
    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
    }
    2. Shorthand for if with multiple And(&&) conditions
    if(obj && obj.tele && obj.tele.stdcode) {
        console.log(obj.tele .stdcode)
    }
    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;
    }
    The simple way to do it is...
    const second = name || '';
    4. Shorthand for switch case to select from multiple options
    switch (number) {
      case 1:
         return 'Case one';
      case 2:
         return 'Case two';
      default:
         return;
    }
    Use a map/ object
    const data = {
      1: 'Case one',
      2: 'Case two'
    };
    //Access it using
    data[num]
    5. Shorthand for functions for single line function
    function example(value) {
    
      return 2 * value;
    
    }
    Use the arrow function
    const example = (value) => 2 * value
    6. Shorthand for conditionally calling functions
    function height() {
        console.log('height');
    }
    function width() {
        console.log('width');
    }
    if(type === 'heigth') {
        height();
    } else {
        width();
    }
    Simple way
    (type === 'heigth' ? height : width)()
    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
    Just Write
    console.log(amount || 0); //0
    
    console.log(value || 0); //0
    9. Shorthand for if…else statements
    let label;
    if (amt > 0) {
        label = 'profit';
    } else {
        label = 'loss';
    }
    Replace it with a ternary operator
    const label = amt > 0 ? 'profit' : 'loss';
    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]);
    }
    Replace for with forEach
    const arr = [1, 2, 3];
    arr.forEach((val) => console.log(val));
    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";

    38

    This website collects cookies to deliver better user experience

    Writing a JavaScript Code