How to recognize when to use : or = in JavaScript?

The colon (:) is used to define properties in objects, while the equal sign (=) is used to assign values to variables. Understanding when to use each is fundamental in JavaScript.

Using Colon (:) in Objects

The colon separates property names from their values when creating object literals:

var studentDetails = {
    "studentId": 101,
    "studentName": "John",
    "studentSubjectName": "Javascript",
    "studentCountryName": "US"
};
console.log(studentDetails);

{
  studentId: 101,
  studentName: 'John',
  studentSubjectName: 'Javascript',
  studentCountryName: 'US'
}

Using Equal (=) for Variable Assignment

The equal sign assigns values to variables:

var firstName = "David";
var age = 25;
var isStudent = true;

console.log("Name:", firstName);
console.log("Age:", age);
console.log("Student:", isStudent);

Name: David
Age: 25
Student: true

Key Differences

Common Mistake Example

// Correct object syntax
var person = {
    name: "Alice",
    age: 30
};

// Correct variable assignment
var message = "Hello World";

console.log(person.name);
console.log(message);

Alice
Hello World

Conclusion

Use colon (:) when defining object properties and equal (=) when assigning values to variables. This distinction is crucial for proper JavaScript syntax.