O que o cólon JavaScript faz?

O cólon “:” é um ponto de pontuação composto por dois pontos idênticos que estão alinhados verticalmente. A maioria da sintaxe de JavaScript é derivada de Java, C e C++. Em JavaScript, um cólon pode ser usado de maneiras diferentes, como verificar o caso na instrução Switch, definindo rótulos e propriedades de objeto, criando literais de objeto.

Este artigo demonstrará o funcionamento do cólon “:” em JavaScript.

O que JavaScript Colon (:) faz?

Em JavaScript, o cólon “:” tem uma variedade de usos. Vamos ver o funcionamento do cólon “:” Em muitas situações como:

• na declaração de interruptor
• em operação ternária
• para objeto literal
• para definir rótulos

Método 1: Use o cólon “:” na declaração de interruptor

Aqui, veremos o funcionamento do cólon “:” Na declaração de troca para verificar os casos adicionados.

Exemplo
Em primeiro lugar, criaremos uma variável chamada “idade”E atribui o valor“18”:

Seja idade = 18;

Em seguida, use o cólon “:” Na declaração de interruptor que verificará a idade com base em diferentes casos:

Switch (idade)
Caso 15:
console.log ("Ele tem 15 anos");
quebrar;
Caso 20:
console.log ("Ele tem 20 anos");
quebrar;
padrão:
console.log ("sua idade tem 18 anos");

Saída

Método 2: Use o cólon “:” Na operação ternária

Vamos ver o funcionamento do cólon “:” No operador ternário.

Exemplo
Primeiro criaremos duas variáveis, “a" e "b", Atribuindo valores"12" e "8”, Respectivamente:

var a = 12;
var b = 8;

Em seguida, verifique qual variável é maior usando o operador ternário:

var res = a> b ? "A é maior que B": "B é maior que A";

Finalmente, imprima o resultado usando “console.registro()”Método:

console.log (res);

A saída mostra a variável A é maior que B:

Método 3: Use o cólon “:” para o objeto literal

Para criar um objeto em JavaScript, você também pode usar o cólon “:” em um programa. Funciona de tal maneira que você deve colocar o nome da propriedade do objeto antes do cólon e seu valor depois disso.

Exemplo
Crie um objeto “carro”Com propriedades“cor" e "modelo”:

var carro =
cor preta",
Modelo: 2019

Em seguida, obteremos a cor do objeto do carro e exibiremos no console:

console.log ("cor do carro é" + carro.cor);

Saída

Método 4: Use Colon “:” para definir rótulos

Você também pode utilizar o cólon para definir rótulos que são explicados no exemplo a seguir.

Exemplo
Em primeiro lugar, criaremos três variáveis ​​“a","b" e "res”:

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

Em seguida, defina um rótulo onde usaremos um cólon:

soma:

Em seguida, defina um loop usando o qual adicionaremos os números até “a" é menos do que "b”:

enquanto um= b)
soma de quebra;

Por fim, imprimiremos a soma usando o “console.registro()”Método:

console.log ("soma é" + res);

Saída

Cobrimos todas as informações básicas sobre o cólon “:” em JavaScript.

Conclusão

O cólon “:” é uma marca de pontuação usada de diferentes maneiras em JavaScript, como verificar o caso na instrução Switch, definir rótulos ou definir propriedades do objeto criando literais de objeto. Seu uso depende de seus requisitos. Neste artigo, demonstramos o funcionamento do cólon “:” Em JavaScript com exemplos.