HOWTO · JavaScript

Doppelpunkt in JavaScript

Es gibt mehrere Anwendungsfälle für Doppelpunkte in JavaScript, wie ternäre Operationen, Objektliteralstruktur, Groß-/Kleinschreibung und das Setzen von Labels.

Auf dieser Seite

Der Doppelpunkt (:) in JavaScript kann in mehreren Fällen verwendet werden. Wir werden die Doppelpunktkonvention im ternären Operator, die JavaScript-Objektliteralstruktur, switch-case-Anweisungen und go-to-Anweisungen oder Einstellungslabels beschreiben.

Doppelpunkt in der ternären Operation in JavaScript

Die bedingte Operation in JavaScript ist auch in einer Inline-Struktur machbar, und diese Spezifikation der if-else-Anweisung sieht ordentlicher und klarer aus.

Zuerst wird eine Bedingung angewendet, bei der eine Anweisung ausgeführt wird, und wenn dies fehlschlägt, wird die nächste Anweisung ausgeführt. Hier ist das Zerlegungszeichen zwischen den Aussagen der Doppelpunkt.

var p = 42;
var q = 7;

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

Ausgabe:

Colon_in_ternary_operation

Doppelpunkt in JavaScript für die Objektliteralstruktur

Bei der Objektliteralstruktur in JavaScript werden die Schlüssel-Wert-Paare mit einem Doppelpunkt gesetzt. Die linke Seite des Doppelpunkts ist für die Schlüssel und die rechte Seite des Doppelpunkts für den Wert.

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

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

Ausgabe:

object_literal_and_colon

Doppelpunkt in einer Switch-Case-Anweisung verwenden

Eine switch-case-Anweisung hat mehrere Fälle, um die apt-Lösung herauszuarbeiten.

Beim Initialisieren der Fälle trennen wir sie mit dem Code-Block mit einem Doppelpunkt. Auch die default-Anweisung im switch-case wird mit einem Doppelpunkt geleitet.

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);

Ausgabe:

switch_statement_with_colon

Setzen Sie Etiketten mit Doppelpunkt in JavaScript

Diese Codierungspraxis wird in den meisten Fällen nicht sehr geschätzt, kann aber bei vielen Problemen helfen. Nachdem wir einen bestimmten Codeblock beschriftet haben, verwenden wir direkt nach der Beschriftung einen Doppelpunkt.

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

console.log(z);

Ausgabe:

set_labels_with_colon