JavaScript SyntaxError: Invalid shorthand property initializer

To fix JavaScript SyntaxError: Invalid shorthand property initializer, correct the value assignments made to properties of objects. Colon (:) is used for assigning values to properties of objects. Most of the developers type in assignment operator EqualTo(=) instead of Object Initializer (:), which causes SyntaxError.

Example

Following example reproduces the SyntaxError, and we shall correct the same.

index.html

Try Online

Output would be

Uncaught SyntaxError: Invalid shorthand property initializer
    at render (javascript-editor.php?file=test:126)
    at submitCode (javascript-editor.php?file=test:149)
    at HTMLButtonElement.onclick (javascript-editor.php?file=test:68)

The bug here is the line:10 var mango = [type=”fruit”, native=”India”]; .

The correct one is  var mango = [type:”fruit”, native:”India”]; where we replaced=  with: .

index.html

Try Online

ADVERTISEMENT

Conclusion

In this JavaScript Tutorial, we learned about using Object Assignment Operator, Colon (:) while assigning values to properties of Objects, resolves JavaScript SyntaxError: Invalid shorthand property initializer.