Resolved - Uncaught SyntaxError: Invalid shorthand property initializer

"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}]

Free Spring Boot Tutorial | Full In-depth Course | Learn Spring Boot in 10 Hours


Watch this course on YouTube at Spring Boot Tutorial | Fee 10 Hours Full Course

Comments