JavaScript のコロン

JavaScript のコロン (:) は、複数の場合に使用できます。三項演算子、JavaScript オブジェクトのリテラル構造、switch-case ステートメント、および go-to ステートメントまたは設定ラベルでのコロン規則について説明します。

JavaScript の三項演算のコロン

JavaScript の条件付き操作はインライン構造でも実行可能であり、この if-else ステートメントの指定はよりきちんと明確に見えます。

まず、ステートメントが実行される条件が適用され、それが失敗した場合は、次のステートメントが実行されます。ここで、ステートメント間の解剖記号はコロンです。

var p = 42;
var q = 7;

console.log(p > q ? 'It\'s ' + p : 'Oops it\'s ' + q);

出力：

JavaScript におけるオブジェクトリテラル構造のコロン

JavaScript のオブジェクトリテラル構造の場合、キーと値のペアはコロンで設定されます。コロンの左側はキーであり、コロンの右側は値です。

var object = {hair: 'long', color: 'black', age: 42}

             console.log(object.color + object.age);

出力：

Switch-Case ステートメントでコロンを使用する

switch-case ステートメントには、apt ソリューションを引き出すための複数のケースがあります。

ケースを初期化するときに、コロンを使用したコードブロックでケースを区切ります。switch-case のデフォルトのステートメントでさえ、コロンで指示されています。

var day;
switch (new Date().getDay()) {
  case 6:
    day = 'It\'s Saturday';
    break;
  case 0:
    day = 'It\'s Sunday';
    break;
  default:
    day = 'Oh it\'s not holiday.'
}

console.log(day);

出力：

JavaScript でコロンを使用してラベルを設定する

このコーディング方法は、ほとんどの場合あまり評価されていませんが、多くの問題に役立ちます。特定のコードブロックにラベルを付けた後、ラベルの直後にコロンを使用します。

var x = 5;
var y = 42;
var z = 0;
sum: while (x < y) {
  z = x++;
  if (x >= y) {
    break sum;
  }
}

console.log(z);

出力：