Tipos de literais JavaScript

Em JavaScript, os literais são uma maneira de representar valores em um programa. Vamos dar uma olhada em um cenário em que você precisa usar algum código que forneça a mesma funcionalidade em qualquer lugar em um programa como um modelo.

Aqui, os literais JavaScript entram em cena que fornece ao usuário funcionalidades predefinidas quando o usam.

Este artigo é um guia completo e ocupado com o conhecimento detalhado sobre

• O que são literais JavaScript
• Tipos de literais JavaScript
• Literais de modelo
• Objetos literais
• Literais de cordas
• Literais numéricos
• Literais booleanos
• Literais de ponto flutuante
• Literais de expressão regular

O que são literais JavaScript

Literais JavaScript são os valores fixos que são usados ​​para representar dados em um programa. Esses literais são usados ​​para representar dados como número inteiro, string, booleano e matriz. Não precisamos de nenhuma palavra -chave específica para escrever esses literais.

Tipos de literais JavaScript

A seguir, estão os tipos de literais suportados pelo JavaScript:

• Matriz literais
• Literais booleanos
• Literais de ponto flutuante
• Literais numéricos
• Objetos literais
• Literais de expressão regular
• Literais de cordas
• Literais de modelo

Matriz literais

Uma coleção de elementos embrulhados entre os pares quadrados [] representa uma matriz literal em javascript. Esses literais são inicializados pelos valores específicos adicionados entre colchetes quadrados. O tamanho da matriz literal é especificado pelo número de elementos entre colchetes quadrados. Array literal pode conter zero ou mais elementos de acordo com o requisito do programador.

Código

// Array literal com 0 elemento
var fruit3 = ['manga', 'melancia', 'abacaxi'];
console.log (fruto1);
// Array literal com elementos
var fruit3 = ['manga', 'melancia', 'abacaxi'];
console.log (fruit2);
// Array literal com vírgula extra entre elementos
var fruit3 = ['manga', 'melancia', 'abacaxi'];
console.log (frutas3);

Aqui criamos três literais de matriz.

Saída

No exemplo acima, criamos três matrizes frutas1, frutas2, e frutas3 Usando uma matriz literal.

Não adicionamos elementos na primeira matriz, que é considerada uma matriz em JavaScript, mas sem elemento.

Na segunda matriz, adicionamos três elementos que inicializam a matriz como tipo de string devido aos elementos nele, e seu tamanho é especificado como 3 devido ao número de elementos nele, como mostrado na saída acima.

Na terceira matriz, também adicionamos três elementos, mas colocamos uma vírgula extra entre os elementos devido aos quais o compilador considera o comprimento da matriz 4, mas com um índice vazio, como mostrado na saída acima.

Observação: Se colocarmos uma vírgula no início dos elementos ou entre os elementos, o compilador considera -o como um índice, mas se colocarmos uma vírgula no final dos elementos, o compilador ignora completamente.

Literais booleanos

Em JavaScript Boolean Literal trabalha com operadores de comparação como, =, ==, != etc. A funcionalidade desses literais é predefinida, pois esses literais retornam apenas verdadeiros ou falsos.

Código

var check = (20> 43);
console.log ('20> 43 = $ check ');
var comp = (7> 3);
console.log ('7> 3 = $ comp');

Aqui pegamos duas variáveis, verificar e comp e comparar valores diferentes em ambas as variáveis ​​que retornarão apenas verdadeiro ou falso como uma saída porque ambas as variáveis ​​estão usando literal booleano.

Saída

Como na saída acima, é mostrado claramente que o verificar Retornos variáveis ​​a falso valor e o comp Retornos variáveis ​​a verdadeiro valor como ambos usavam literais booleanos.

Literais de ponto flutuante

Esses literais representam os valores com um ponto decimal. Os literais de ponto flutuante podem ser um número de ponto decimal, um número inteiro decimal ou um expoente.

Código

var deC = 3.5;
console.log ('Esta variável representa o número decimal $ DEC');
var fra = -30.6;
console.log ('Essa variável representa o número fracionário $ fra');
var exp = 12e6;
console.log ('Esta variável representa o expoente do número $ exp');

Aqui pegamos três variáveis DEC, Fra e Exp. Em seguida, atribua um valor de ponto decimal positivo a DEC, valor pontual decimal negativo para Fra, e valor do expoente para Exp.

Saída

A saída acima mostra claramente que o DEC A variável imprime um valor de ponto decimal positivo. O valor de ponto decimal é sempre positivo.

O Fra Valor inteiro de ponto decimal de impressão variável, o que significa literal de ponto flutuante pode ser um número positivo ou negativo com um ponto decimal.

O Exp Expoente de impressão variável de um número, o que significa que o literal de ponto flutuante pode ser usado para representar um expoente de um número.

Literais numéricos

Literais numéricos são basicamente a série de dígitos/números. Literais numéricos podem ser representados em:

Base 10: decimal (que contém dígitos de 0 a 9)

Base 8: Octal (que contém dígitos de 0 a 7)

Base 16: hexadecimal (que contém dígitos de 0 a 9 e as letras de A/A a F/F)

Código

var deC = 35;
console.log ('Esta variável é um número decimal $ DEC');
var out = 062;
console.log ('Esta variável é um número octal $ Oct');
var hex = 0x8b;
console.log ('Esta variável é um número hexadecimal $ hex');

Aqui pegamos três variáveis DEC, OUT e hexadecimal, Então atribuímos um valor decimal a DEC, octal para OUT, e valor hexadecimal hexadecimal.

Saída

Na saída acima, é claramente visto que o DEC A variável imprime o número decimal. O OUT A variável pega um número octal e imprime o valor depois de convertê -lo em um número decimal. O hexadecimal A variável pega um número hexadecimal e imprime o valor depois de convertê -lo em um número decimal.

Objetos literais

Objeto literal é basicamente uma lista de 0 ou mais pares de nomes de propriedades e valores associados de um objeto envolto em um par de Suportes encaracolados.

Código

var info = name: "Alex", roll no: "35", marcas: "85";
console.log ('$ info.nome obteve $ info.marcas marcas.');

Aqui criamos uma variável informações e atribua uma lista com nome, número do rolo e marcas a ele. Em seguida, acessamos nomes e marcas da lista com a ajuda de um (.) e imprima o resultado.

Saída

Como acima, a saída mostra que obtemos a saída esperada com a ajuda de objeto literal.

Literais de expressão regular

Literais de expressão regular são usados ​​principalmente para pesquisar informações longas rapidamente em seqüências longas. Esses literais são usados ​​com barras para a frente (//). A palavra que deve ser pesquisada em uma string escreveu entre as barras para a frente, como mostrado abaixo

Código

var str = "Este é Alex da ABC Company"
var str2 = /de /;
var pesquisa = str.partida (STR2);
console.log (pesquisa);

Aqui pegamos três variáveis str, str2, e procurar. Então atribuímos uma string a str, str2 é atribuído com expressão regular literal e a pesquisa é atribuída com um JavaScript corresponder() função e dá STR2 como um parâmetro. Por fim, exibimos o resultado.

Saída

Acima da saída mostra claramente que pesquisamos (de) Palavra da string dada com a ajuda da expressão regular literal e exibe a palavra que é pesquisada, o número do índice onde essa palavra é colocada e a string a partir da qual essa palavra é pesquisada.

Literais de cordas

Uma string literal é basicamente uma corda composta de caracteres entre ("") duplo ou (") Aspas únicas.

A seguir estão os caracteres especiais usados ​​em literais de string javascript.

Personagens	Explicação
\ n	Adicione uma nova linha em uma string.
\ f	Adicionar feed de formulário em uma corda.
\ b	Adicione o backspace em uma string.
\ t	Adicione uma guia em uma string.
\ r	Usado para retorno de carruagem em uma corda
\\	Adicione barragem (\) dentro de uma corda.
\ ”	Adicione uma cotação dupla (“) em uma string.
\ '	Adicione uma cotação dupla (') em uma string.

Código

var str = "Este é o Alex \ n da ABC Company."
console.log (str);
var str = 'Este é o Alex \ t da ABC Company.'
console.log (str);

Aqui pegamos duas cordas. O primeiro é representado com cotações duplas literal e um personagem especial, o segundo é representado com citações únicas literal e um personagem especial.

Saída

Acima da saída mostra claramente que os literais de string, dupla e uma única citação, strings, mas \ n inicia uma nova linha enquanto \ t adiciona uma guia em uma string.

Literais de modelo

String e variáveis ​​combinadas entre o par de backticks (“) são definidos como literais de modelo. Esses literais são usados ​​para combinar cordas e variáveis ​​sem deixar o código bagunçado. A interpolação de string também é realizada usando literais de modelo.

Código

a = 5;
var str = '$ a é um número ímpar.'
console.log (str);

Aqui fazemos uma variável a e str, Então atribuímos 5 à variável a e use modelo literal na variável str. Então nós simplesmente exibimos o str variável.

Saída

A saída acima mostra claramente que obtemos a saída necessária usando literais de modelo.

Conclusão

Javascript literais são os valores fixos que são atribuídos a variáveis ​​para representar diferentes dados. Este artigo explica os tipos de literais de javascript, como uma matriz, corda, ponto flutuante, objeto, modelo e literais numéricos em detalhes.