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 : '[email protected]',
    age : 29
}

Complete example:

// using Object Literals
 var user1 = {
     id : 1,
    firstName : 'Ramesh',
    lastName : 'Fadatare',
    emailId : '[email protected]',
    age : 29
}

var user2 = {
    id : 2,
    firstName : 'John',
    lastName : 'Cena',
    emailId : '[email protected]',
    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":"[email protected]","age":29},{"id":2,"firstName":"John","lastName":"Cena","emailId":"[email protected]","age":29}]
After removing object from an array -> [{"id":1,"firstName":"Ramesh","lastName":"Fadatare","emailId":"[email protected]","age":29}]