Shorthand Syntax for Object Property Value in ES6

Last Updated : 19 Jan, 2026

Objects in JavaScript are the most important data-type and forms the building blocks for modern JavaScript. These objects are quite different from JavaScript primitive data-types (Number, String, Boolean, null, undefined, and symbol) in the sense that while these primitive data-types all store a single value each (depending on their types).

  • The shorthand syntax for object property value is very popular and widely used nowadays.
  • The code looks cleaner and easy to read.
  • The shorthand property makes the code size smaller and simpler.

[Example 1]:

javascript
// Object property shorthand
const name = 'Raj'
const age = 20
const location = 'India'

// User with ES6 shorthand
// property 
const user = {
    name,      
    age,
    location
}

console.log(user)

[Example 2]:

javascript
// Object property shorthand
const name = 'Raj'
const age = 20
const location = 'India'

// User without ES6 
// shorthand property 
const user = {
    name: name,      
    age: age,
    location: location
}

console.log(user)
  • Declares variables name, age, and location with assigned values
  • Creates an object user using the pre-ES6 syntax, explicitly mapping keys to variables
  • Each object property is assigned using key: value format
  • Logs the user object to the console showing all properties and values
Comment

Explore