Destructuring assignment vs object property access in ES6

Question

what is the difference between var bmw = cars.bmw and var {bmw} = cars ? Which way is better?

var cars = {
    bmw: "M3",
    benz: "c250"
}

var bmw = cars.bmw // M3
var {bmw} = cars // M3

And I've seen people do this in Nodejs. Is it the same thing?

var {ObjectId} = require('mongodb')
var ObjectId = require('mongodb').ObjectID;

Answer 1

On bmw = cars.bmw you are assigning an object property to a variable, whereas var {bmw} = cars destructuring an object into given variables list.

As the result there is no difference (in your case), the bmw will have desired M3 value.

Moreover when destructuring the object you can list several variables to assign whilst = is 1-to-1 assignment where right part is being assigned to the left.

---

Also you can rename variable on destructuring like

const { bmw: BeeMWee } = cars;