JavaScriptで「:（コロン）」と「=（イコール）」の使い分けを理解する方法

JavaScriptでは、コロン（:）はオブジェクトにプロパティを定義する際に使用し、イコール（=）は変数に値を代入する際に使用します。この2つの記号は似たような場面で目にしますが、役割がまったく異なるため、正しく使い分けることが重要です。

コロン（:）を使う場面

コロンは主にオブジェクトリテラル内でプロパティ名とその値を結びつけるときに使います。「プロパティ名: 値」という形式で記述し、オブジェクトの構造を定義できます。

イコール（=）を使う場面

イコールは代入演算子と呼ばれ、宣言した変数や既存の変数・プロパティに値を代入するときに使用します。右辺の値が左辺の変数に格納されます。

サンプルコード

以下のコードでは、オブジェクトのプロパティ定義にコロンを、変数への値の代入にイコールを使用しています。

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

var firstName = "David";
console.log(firstName);

プログラムの実行方法

上記のプログラムを実行するには、Node.jsがインストールされた環境で以下のコマンドを使用します。ここでは、ファイル名を demo325.js として保存したものとします。

node demo325.js

実行結果

上記のコマンドを実行すると、コンソールに次のような出力が表示されます。

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

補足：その他のコロンの用途

JavaScriptでは、コロンはオブジェクトのプロパティ定義以外にも使われます。例えば、条件演算子（三項演算子）の条件 ? 値1 : 値2、switch文のケースラベル、オブジェクトのメソッド定義などでも登場します。一方、イコールは基本的に「代入」を意味し、比較には==や===といった別の演算子を使う点にも注意しましょう。