Sources Contact Advanced Search Tutorials

An Interest In:

Web News this Week

Search Archive

Some of Our Sources

View All Sources

Help Webnuz

Referal links:

October 5, 2022 12:51 pm GMT

Change your old methods for writing a JavaScript Code - Shorthand's for JavaScript Code

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 usingdata[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); //0console.log(value); //0

Just Write

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

Original Link: https://dev.to/devsimc/change-your-old-methods-for-writing-a-javascript-code-shorthands-for-javascript-code-54hp

Share this article:

View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To