JavaScript Rest Operator

rest-operator.js

// Let's say we have one object i.e developer.

const developer={
  name:"Sachin Chaurasiya",
  age:22,
  githubHandle:"https://github.com/Sachin-chaurasiya",
  portfolio:"https://sachinchaurasiya.dev",
  blog:"https://blog.sachinchaurasiya.dev"
}

// Use case : we want to use this developer object but without key "githubHandle".

// there are two solutions

// 1. delete githubHandle property using delete keyword

delete developer.githubHandle

console.log(developer)

/* {
  name:"Sachin Chaurasiya",
  age:22
  portfolio:"https://sachinchaurasiya.dev",
  blog:"https://blog.sachinchaurasiya.dev"
}
*/

// 2. use rest operator

const {githubHandle, ...newDeveloper}=developer

console.log(newDeveloper)

/* {
  name:"Sachin Chaurasiya",
  age:22
  portfolio:"https://sachinchaurasiya.dev",
  blog:"https://blog.sachinchaurasiya.dev"
}
*/

/* 
In first solution we have deleted the "githubHandle" property from developer object,
we can't access the "githubHandle" property any more.

In second solution we use rest operator to create new copy of developer object without "githubHandle" property, 
and still we can access the "githubHandle" property.

so always try to use rest operator instead of delete keyword.

*/