Cosa fa Javascript Colon?

Il colon ":" è un segno di punteggiatura costituito da due punti identici allineati verticalmente. La maggior parte della sintassi di Javascript deriva da Java, C e C++. In JavaScript, un colon può essere utilizzato in diversi modi, come il controllo del caso nell'istruzione Switch, l'impostazione di etichette e le proprietà degli oggetti creando letterali di oggetti.

Questo articolo dimostrerà il funzionamento del colon ":" in JavaScript.

Cosa fa JavaScript Colon (:) Do?

In JavaScript, il colon ":" ha una varietà di usi. Vediamo il funzionamento del colon ":" in molte situazioni come:

• nell'istruzione switch
• Nell'operazione ternaria
• per oggetto letterale
• Per l'impostazione di etichette

Metodo 1: utilizzare il colon ":" nell'istruzione switch

Qui vedremo il funzionamento del colon ":" nell'istruzione Switch per il controllo dei casi aggiunti.

Esempio
In primo luogo, creeremo una variabile denominata "età"E assegna il valore"18":

Lascia l'età = 18;

Quindi, usa il colon ":" nell'istruzione switch che controllerà l'età in base a diversi casi:

switch (età)
Caso 15:
console.registro ("ha 15 anni");
rottura;
Caso 20:
console.registro ("ha 20 anni");
rottura;
predefinito:
console.registro ("la sua età è di 18 anni");

Produzione

Metodo 2: utilizzare il colon ":" nell'operazione ternaria

Vediamo il funzionamento del colon ":" nell'operatore ternario.

Esempio
Creeremo prima due variabili, "UN" E "B", Assegnando valori"12" E "8"Rispettivamente:

var a = 12;
var b = 8;

Quindi, controlla quale variabile è maggiore usando l'operatore ternario:

var res = a> b ? "A è maggiore di B": "B è maggiore di A";

Infine, stampa il risultato usando "console.tronco d'albero()" metodo:

console.log (res);

L'output mostra che la variabile A è maggiore di B:

Metodo 3: usa il colon ":" per l'oggetto letterale

Per creare un oggetto in JavaScript, puoi anche usare il colon ":" in un programma. Funziona in modo tale da dover posizionare il nome della proprietà dell'oggetto davanti al colon e il suo valore dopo.

Esempio
Crea un oggetto "auto"Con le proprietà"colore" E "modello":

var car =
colore nero",
Modello: 2019

Quindi, otterremo il colore dell'oggetto auto e visualizzeremo sulla console:

console.registro ("colore dell'auto è" + auto.colore);

Produzione

Metodo 4: utilizzare il colon ":" per l'impostazione delle etichette

Puoi anche utilizzare il colon per le etichette di impostazione che sono spiegate nel seguente esempio.

Esempio
In primo luogo, creeremo tre variabili "UN","B" E "res":

var a = 5;
var b = 52;
var res = 0;

Quindi, imposta un'etichetta in cui useremo un colon:

somma:

Quindi, definire un loop usando il quale aggiungeremo i numeri fino a "UN" è meno di "B":

mentre (a= b)
rompere la somma;

Infine, stamperemo la somma usando "console.tronco d'albero()" metodo:

console.log ("somma è" + res);

Produzione

Abbiamo coperto tutte le informazioni di base sul colon ":" in JavaScript.

Conclusione

Il colon ":" è un marchio di punteggiatura utilizzato in diversi modi in JavaScript, come il controllo del caso nell'istruzione switch, l'impostazione di etichette o l'impostazione delle proprietà degli oggetti creando letterali di oggetti. Il suo uso dipende dalle tue esigenze. In questo articolo, abbiamo dimostrato il funzionamento del colon ":" in JavaScript con esempi.