Github readme profile Badges

brajeshkanungo — Sat, 27 Aug 2022 08:26:55 +0000

A helpful site to get badges on your github profile.

https://github.com/alexandresanlim/Badges4-README.md-Profile

Sharing my github profile link where i used badges from above site

https://github.com/brajeshkanungo/brajeshkanungo

JavaScript Destructuring

brajeshkanungo — Sat, 26 Sep 2020 08:38:23 +0000

Destructuring?

Destructuring decouples arrays, and objects and assign in it the variables. Help us to write clean and readable code.

Where we can apply Destructuring?

Arrays
Objects

1. Arrays Destructuring

const weekdays = [Monday, Tuesday, Wednesday, Thursday, Friday, Saturday, Sunday]
const oceans = ['Arctic Ocean','North Atlantic Ocean',
'South Atlantic Ocean','Indian Ocean','North Pacific Ocean',
'South Pacific Ocean','Southern Ocean']

Accessing array items with the index value manually

const weekdays = [Monday, Tuesday, Wednesday, Thursday, Friday, Saturday, Sunday]
let mon = weekdays[0];
let tue = weekdays[1];
let wed = weekdays[2];
console.log(mon, tue, wed) // Monday, Tuesday, Wednesday

Applying destructuring to access array items

const oceans = ['Arctic Ocean','North Atlantic Ocean',
'South Atlantic Ocean','Indian Ocean','North Pacific Ocean',
'South Pacific Ocean','Southern Ocean']

const [ocean1, ocean2, ocean3] = oceans
console.log(ocean1, ocean2, ocean3) // Arctic Ocean,North Atlantic Ocean,South Atlantic Ocean

2. Objects Destructuring

The following methods used to access value of an object:

1. Using the Dot ( . ) 

const myCar = {
    make: 'Ford',
    model: 'Mustang',
    year: 1969,
    color: 'Black'
};


let manufacturer = myCar.make;
let model = myCar.model;

console.log(manufacturer, model) // Ford, Mustang

2. With Angle bracket Object[key_name]

let year = myCar[year]
let color = myCar[color]

console.log(year, color) // 1969, Black

When we destructure an object the name of the variable should be exactly the same as the key or property of the object. See the example below.