Resolved - Uncaught SyntaxError: Invalid shorthand property initializer

🎓 Top 15 Udemy Courses (80-90% Discount): My Udemy Courses - Ramesh Fadatare — All my Udemy courses are real-time and project oriented courses.

▶️ Subscribe to My YouTube Channel (178K+ subscribers): Java Guides on YouTube

▶️ For AI, ChatGPT, Web, Tech, and Generative AI, subscribe to another channel: Ramesh Fadatare on YouTube

"Uncaught SyntaxError: Invalid shorthand property initializer" - This is a common error we get while creating JavaScript object. Here I demonstrate the quick fix for this issue.

Below screenshot shows "Uncaught SyntaxError: Invalid shorthand property initializer" issue:

From the above screenshot, we have assigned a value to id using = operator. We should assign value to its properties is using : (colon).

Change the = to : to fix the error.

var user2 = {
    id : 2,
    firstName : 'John',
    lastName : 'Cena',
    emailId : 'john@gmail.com',
    age : 29
}

Complete example:

// using Object Literals
 var user1 = {
     id : 1,
    firstName : 'Ramesh',
    lastName : 'Fadatare',
    emailId : 'ramesh@gmail.com',
    age : 29
}

var user2 = {
    id : 2,
    firstName : 'John',
    lastName : 'Cena',
    emailId : 'john@gmail.com',
    age : 29
}


// we have an array of objects, we want to remove one object using only the id property
var users = [user1, user2];

console.log('Before removing object from an array -> ' + JSON.stringify(users));

// get index of object with id:37
var removeIndex = users.map(function(item) { return item.id; }).indexOf(37);

// remove object
users.splice(removeIndex, 1);

console.log('After removing object from an array -> ' + JSON.stringify(users));

Output:

Before removing object from an array -> [{"id":1,"firstName":"Ramesh","lastName":"Fadatare","emailId":"ramesh@gmail.com","age":29},{"id":2,"firstName":"John","lastName":"Cena","emailId":"john@gmail.com","age":29}]
After removing object from an array -> [{"id":1,"firstName":"Ramesh","lastName":"Fadatare","emailId":"ramesh@gmail.com","age":29}]

My Top and Bestseller Udemy Courses. The sale is going on with a 70 - 80% discount. The discount coupon has been added to each course below:

Build REST APIs with Spring Boot 4, Spring Security 7, and JWT

🆕 High-Demand 80–90% OFF

[NEW] Learn Apache Maven with IntelliJ IDEA and Java 25

🆕 High-Demand 80–90% OFF

ChatGPT + Generative AI + Prompt Engineering for Beginners

🚀 Trending Now 80–90% OFF

Spring 7 and Spring Boot 4 for Beginners (Includes 8 Projects)

🔥 Bestseller 80–90% OFF
Available in Udemy for Business

Building Real-Time REST APIs with Spring Boot - Blog App

🔥 Bestseller 80–90% OFF
Available in Udemy for Business

Building Microservices with Spring Boot and Spring Cloud

🌟 Top Rated 80–90% OFF
Available in Udemy for Business

Java Full-Stack Developer Course with Spring Boot and React JS

🔥 Bestseller 80–90% OFF
Available in Udemy for Business

Build 5 Spring Boot Projects with Java: Line-by-Line Coding

🌟 Top Rated 80–90% OFF

Testing Spring Boot Application with JUnit and Mockito

🔥 Bestseller 80–90% OFF
Available in Udemy for Business

Spring Boot Thymeleaf Real-Time Web Application - Blog App

🔥 Bestseller 80–90% OFF
Available in Udemy for Business

Master Spring Data JPA with Hibernate

🔥 Bestseller 80–90% OFF
Available in Udemy for Business

Spring Boot + Apache Kafka Course - The Practical Guide

🎓 Student Favorite 80–90% OFF
Available in Udemy for Business

Java Testing: Mastering JUnit 5 Framework

🆕 New 80–90% OFF

Reactive Programming in Java: Spring WebFlux and Testing

🌟 Top Rated 80–90% OFF

Spring Boot + RabbitMQ Course - The Practical Guide

🌟 Top Rated 80–90% OFF
Available in Udemy for Business

Functional Programming in Java (Includes Java Collections)

🎓 Student Favorite 80–90% OFF

ChatGPT for Java Developers: Boost Your Productivity with AI

🚀 Trending Now 80–90% OFF