JavaScript에서 콜론(:)과 등호(=)의 차이점 및 사용 시기 완벽 정리

JavaScript에서 콜론(:)은 객체에 속성(property)을 정의할 때 사용하고, 등호(=)는 변수에 값을 할당(assign)할 때 사용합니다.

콜론(:)과 등호(=)의 기본 개념

두 연산자의 역할을 간단히 정리하면 다음과 같습니다.

• 콜론(:) — 객체 리터럴 내에서 키(key)와 값(value)을 매핑하여 속성을 정의할 때 사용합니다.
• 등호(=) — 변수를 선언하거나 기존 변수에 새로운 값을 대입할 때 사용합니다.

예제 코드

다음 코드를 통해 두 연산자의 실제 사용 예시를 확인해 보겠습니다.

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

위 프로그램을 실행하려면 아래 명령어를 사용합니다.

node fileName.js

여기서는 파일 이름이 demo325.js라고 가정합니다.

실행 결과

위 코드를 실행하면 다음과 같은 출력 결과가 나타납니다.

PS C:\Users\Amit\javascript-code> node demo325.js
{
    studentId: 101,
    studentName: 'John',
    studentSubjectName: 'Javascript',
    studentCountryName: 'US'
}
David

정리

위 예제에서 볼 수 있듯이, studentDetails 객체 내부의 속성들은 콜론(:)으로 키와 값을 연결하여 정의되었고, 반면 firstName 변수에는 등호(=)를 사용해 문자열 값이 할당되었습니다. 이처럼 객체 속성 정의에는 콜론, 변수 값 할당에는 등호를 사용한다는 점을 기억하면 됩니다.