Write Concise Object Literal Declarations Using Object Property Shorthand

Write Concise Object Literal Declarations Using Object Property Shorthand

ES6 has yet another special feature for defining object literals, ergo, the data propogated into the object can be defined and sorted with built-in shortcuts.

The old way to define x as x and y as y:

const getMousePosition = (x, y) => ({
  x: x,
  y: y
});

The “new” 😎 way

const getMousePosition = (x, y) => ({ x, y });

Prompt

Use object property shorthand with object literals to create and return an object with name, age and gender properties.

const createPerson = (name, age, gender) => {
  // Only change code below this line
  return {
    name: name,
    age: age,
    gender: gender
  };
  // Only change code above this line
};

Solution

const createPerson = (name, age, gender) => {
  // Only change code below this line
  return  {name, age, gender
  };
  // Only change code above this line
};

Unfortunately, I cannot see any new understanding in this as I don’t have the experienced perspective of the old way, just that from the example. Makes this post kinda feel like bloat but how else would I remember it?

Comments

[Muhammad Mehedi Hasan]

good explanation.