Using Shorthand Syntax to Return Object Literals in Javascript

In JavaScript, objects are fundamental data structures used to store collections of data and more complex entities. Creating objects can be done in various ways, but one of the most concise and readable methods is by using shorthand property names.

When you need to create an object from existing variables, traditional object property assignment can be verbose. However, with shorthand property names, you can simplify the syntax, making your code cleaner and more maintainable.

 

The shorthand syntax allows you to create an object without explicitly repeating the key names when the variable names are the same as the property names. This is especially useful when dealing with multiple properties derived from variables, such as form data.

 

createObjectUsingShortHandNotation.js 

let name = "Krishna";
let age = 36;
let description = "I am Krishna, 36 years old"

let emp = {name, age, description}
console.log(emp);

Output

{ name: 'Krishna', age: 36, description: 'I am Krishna, 36 years old' }

The 'emp' object is created using shorthand notation. Instead of writing:

let emp = { 
  name: 'Krishna', 
  age: 36, 
  description: 'I am Krishna, 36 years old' 
};

Using shorthand property names in JavaScript simplifies the object creation process, making your code cleaner and more efficient. This feature is particularly beneficial in scenarios where you deal with multiple related properties, such as user data or configuration settings. By using this syntax, you can enhance both the readability and maintainability of your code.

 

Previous                                                    Next                                                    Home