Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>ES6 - Destructuring assignment</title>
</head>
<body>
</body>
</html>
 
// Destructuring assignment
var movieStar = {
  name: 'James Bond',
  nickname: 'Bond',
  profession: 'Federal Agent'
};
// console.log(movieStar.name);
let { name, profession } = movieStar;
// console.log(name, profession);
// _____________________________ //
let mortalKombat = ['Scorpion', 'Liu Kang', 'Sub Zero', 'Johnny Cage'];
let [user1, user2] = mortalKombat;
let [userA, , userB] = mortalKombat;
let [user, ...users] = mortalKombat;
// console.log(user1, user2);
// console.log(userA, userB);
console.log(user, users);
// _____________________________ //
// JSON / forEach
var movieStars = [
  {
    name: 'James Bond',
    nickname: 'Bond',
    profession: 'Federal Agent'
  },
  {
    name: 'Dominic Toretto',
    nickname: 'Toretto',
    profession: 'Driver'
  },
  {
    name: 'John Rambo',
    nickname: 'Rambo',
    profession: 'Killer'
  }
];
movieStars.forEach(function(star) {
  console.log(star.nickname);
});
movieStars.forEach( ({nickname}) => console.log(nickname) );
// _____________________________ //
// Creating a object
let username = 'Raphael Fabeni';
let nickname = 'Fabeni';
var oldGuy =  {
  username: username,
  nickname: nickname
};
let newGuy = { username, nickname };
// console.log(oldGuy);
// console.log(newGuy);
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
raphaelfabenipro
0viewers