Create new object from variables

Question

Is there a way to simplify this expression?

const car = { owner: 'john' }
const assets = { house: { owner: 'paul'}, car: car}

As the key in assets takes the variable name car, is it a way to avoid redefining the key name?

Something like this:

const assets = { house: { owner: 'paul'}, car}

Thank you!

Perhaps I'm misunderstanding the question, but your "something like this" example is valid. You can do it literally, exactly like that. — ray hatfield, May 25 '19 at 07:23
[Shorthand property names](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer#New_notations_in_ECMAScript_2015) — adiga, May 25 '19 at 08:05

FZs · Answer 1 · 2019-05-25T07:44:22.347

0

All of your two solutions will work.

const assets = { house: { owner: 'paul'}, car: car}

... does exactly the same as ...

const assets = { house: { owner: 'paul'}, car}

None of these solutions will redefine the variable car.

The second solution is called shorthand property definiton and works only in ES2015 or newer.

edited May 25 '19 at 07:44

answered May 25 '19 at 07:31

FZs

score 0 · Answer 2 · answered May 25 '19 at 09:21

Yes, it works, and it's known as shorthand property notation (ES6):

const car = {
  owner: 'john'
}
const assets = {
  house: {
    owner: 'paul'
  },
  car
};

console.log(assets);

.as-console-wrapper { max-height: 100% !important; top: auto; }

Note that this is different from spreading - shorthand properties will make a new object, spreading (...) just directly attach the properties:

const car = {
  owner: 'john'
}
const assets = {
  house: {
    owner: 'paul'
  },
  ...car
};

console.log(assets);

.as-console-wrapper { max-height: 100% !important; top: auto; }

2 Answers2