Important JavaScript Shorthands to know 🚀🔥

1) The Ternary Operator

Longhand-

const x = 20;
let answer;
if (x > 10) {
    answer = "greater than 10";
} else {
    answer =  "less than 10";
}

Shorthand

const answer = x > 10 ? "greater than 10" : "less than 10";

2) Declaring Variables Shorthand

Longhand-

let x;
let y;
let z = 3;

Shorthand

let x, y, z=3;

3) If True Presence Shorthand

Longhand-

if (likeJavaScript === true)

Shorthand

if (likeJavaScript)

4) If Not True Presence Shorthand

Longhand-

if (!likeJavaScript === true)

Shorthand

if (!likeJavaScript)

5) Arrow Function Shorthand

Longhand-

function doAnything(){}

Shorthand

let doAnything = () => {}

Comments

[Andrew Baisden]

Cool snippets by the way it's better to put that code inside of Markdown Fenced Code Blocks with Syntax Highlighting. It would make them all far more readable.

markdownguide.org/extended-syntax/

[Arjun Vijay Prakash]

Thanks for the suggestion. Will be changing it ASAP.

[codingjlu]

Nice. You can also mention destructuring.

[Arjun Vijay Prakash]

Thanks for the suggestion. I shall look into it in Imp JS Shorthands to know Part2!

[Kilson]

Hi Arjun I'm beginner can you explain to me something about programming? I have a simple doubt, Why you declared let answer?

[Arjun Vijay Prakash]

Hi Kilson, I didn't assigned the value to answer because you see, I changed its value afterwards. if I don't assign it and change the code as follows it will not run the same.
const x = 20;
if (x > 10) {
let answer = "greater than 10";
} else {
let answer = "less than 10";
}
As there will be one problem, we will not be able to access the answer variable because it's scope is inside the if-else statement and the error will be thrown as "answer is not defined"
See this - dev-to-uploads.s3.amazonaws.com/up...
We can correct the program as- dev-to-uploads.s3.amazonaws.com/up...

--Conclusion--
I used let answer; to shorten my code and to provide the audience with better and cleaner code.
Thanks! I hope you got the answer

[Kilson]

I tried this way and it worked too

const x = 30;
if (x > 10) {
console.log("greater than 10");
} else {
console.log("less than 10");
}

[Arjun Vijay Prakash]

Yeah. But I assigned the value to the variable that's why I mentioned that ways. Although that is also correct. Thanks for connecting with me. It was a great pleasure.

[Kilson]

Alright