mostafa amine
mostafaamine

mostafaamine

Top JavaScript Shorthands Techniques

Top JavaScript Shorthands Techniques

mostafa amine
·Mar 7, 2022·

2 min read

Subscribe to my newsletter and never miss my upcoming articles

Play this article

Table of contents

  • 1. Declare more than one variable in one line
  • 2. The Ternary Operator
  • 3. Set variable values in one line
  • 5. JavaScript For Loop
  • 6. Object Property Assign Shorthand
  • 7. swapping variables

Hello Everyone, in this article you will see Top JavaScript Shorthands Techniques to speed up your tasks

1. Declare more than one variable in one line

  • Normal method
let a = 1;
let b = 2;
let c = 3;
  • Short method
let a=1,b=2,c=3;

2. The Ternary Operator

if you want to write if else statement in one line you can use the ternary operator

  • Normal method
let x = 30

if(x > 20){
    console.log("greater than 20")
}
else {
    console.log("less than 20")
}
  • Short method
let x = 12;
    x>10 ? console.log("greater than 20") : console.log("less than 20")

3. Set variable values in one line

  • Normal method
let a = 1;
let b = 2;
let c = 3;
  • Short method
let [a,b,c ] = [1,2,3]

5. JavaScript For Loop

  • Normal method
let languages = ["JS","Python","PHP"]
    for(let i = 0 ; i<languages.length ; i++){
        console.log(languages[i])
}
  • Short method
for (let language of languages){
        console.log(language)
}

If you just wanted to access the index :

for (let language in languages){
        console.log(language)
}

6. Object Property Assign Shorthand

this shorthand work if the variable name is the same as the object key

  • Normal method
 let name = "mostafa";
 let age = 17;
 let myinfo = {
        name : name,
        age : age
    };
  • Short method
 let name = "mostafa";
 let age = 17;
let myinfo = {name, age}

7. swapping variables

  • Normal method
 let a = 20;
let b = 30;

let temp = a;
a = b
b = temp
  • Short method
let a = 20;
let b = 30;
[a,b] = [b,a]

Thank you for reaching the end. See you in another article ❤️

Did you find this article valuable?

Support mostafa amine by becoming a sponsor. Any amount is appreciated!

Learn more about Hashnode Sponsors
 
Share this