Tipos de literales de JavaScript

Tipos de literales de JavaScript
En JavaScript, los literales son una forma de representar valores en un programa. Echemos un vistazo a un escenario en el que necesita usar algún código que proporcione la misma funcionalidad en todas partes en un programa como una plantilla.

Aquí los literales de JavaScript entran en la imagen que proporciona al usuario funcionalidades predefinidas cuando lo usan.

Este artículo es una guía completa y ocupada con el conocimiento detallado sobre

  • ¿Qué son los literales de JavaScript?
  • Tipos de literales de JavaScript
  • Literales de plantilla
  • Literales de objetos
  • Literales de cuerda
  • Literales numéricos
  • Literales booleanos
  • Literales de punto flotante
  • Literales de expresión regulares

¿Qué son los literales de JavaScript?

Los literales de JavaScript son los valores fijos que se utilizan para representar datos en un programa. Estos literales se utilizan para representar datos como entero, cadena, booleano y matriz. No necesitamos ninguna palabra clave específica para escribir estos literales.

Tipos de literales de JavaScript

Los siguientes son los tipos de literales compatibles con JavaScript:

  • Literales de matriz
  • Literales booleanos
  • Literales de punto flotante
  • Literales numéricos
  • Literales de objetos
  • Literales de expresión regulares
  • Literales de cuerda
  • Literales de plantilla

Literales de matriz

Una colección de elementos envueltos entre el par de soportes cuadrados [] representan una matriz literal en JavaScript. Estos literales se inicializan por los valores específicos agregados entre los soportes cuadrados. El tamaño de la matriz literal se especifica por el número de elementos entre los soportes cuadrados. Literal de matriz puede contener cero o más elementos de acuerdo con el requisito del programador.

Código

// matriz literal con 0 elemento
var fruit3 = ['mango', 'sandía', 'piña'];
consola.log (fruta1);
// matriz literal con elementos
var fruit3 = ['mango', 'sandía', 'piña'];
consola.log (fruta2);
// matriz literal con coma extra entre elementos
var fruit3 = ['mango' ,, 'sandía', 'piña'];
consola.log (fruta3);

Aquí creamos tres literales de matriz.

Producción

En el ejemplo anterior, creamos tres matrices fruta1, fruta2, y fruta3 Usando una matriz literal.

No agregamos elementos en la primera matriz que se considera una matriz en JavaScript pero sin elemento.

En la segunda matriz, agregamos tres elementos que inicializan la matriz como tipo de cadena debido a los elementos en ella, y su tamaño se especifica como 3 debido al número de elementos como se muestra en la salida anterior.

En la tercera matriz, también agregamos tres elementos, pero colocamos una coma adicional entre los elementos debido a los cuales el compilador considera que la longitud de la matriz es 4 pero con un índice vacío como se muestra en la salida anterior.

Nota: Si ponemos una coma al comienzo de los elementos o entre los elementos, el compilador la considera como un índice, pero si ponemos una coma al final de los elementos, el compilador lo ignora por completo.

Literales booleanos

En JavaScript, boolean literal funciona con operadores de comparación como, =, ==, != etc. La funcionalidad de estos literales está predefinida ya que estos literales solo devuelven verdadero o falso.

Código

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

Aquí tomamos dos variables, controlar y compensación y comparar diferentes valores en ambas variables que solo devolverán verdadero o FALSO Como salida porque ambas variables están usando literal booleano.

Producción

Como en la salida anterior, se muestra claramente que el controlar Variable Devuelve un FALSO valor y el compensación Variable Devuelve un verdadero valor ya que ambos usaron literales booleanos.

Literales de punto flotante

Estos literales representan los valores con un punto decimal. Los literales de punto flotante pueden ser un número de punto decimal, un entero de punto decimal o un exponente.

Código

var dec = 3.5;
consola.log ('Esta variable representa el número decimal $ dec');
var fra = -30.6;
consola.log ('Esta variable representa el número fraccional $ fra');
var exp = 12e6;
consola.log ('Esta variable representa el exponente del número $ exp');

Aquí tomamos tres variables dic, FRA y Exp. Luego asigne un valor de punto decimal positivo a dic, valor de punto decimal negativo para FRA, y valor exponente a Exp.

Producción

La salida anterior muestra claramente que el dic Variable imprime un valor de punto decimal positivo. El valor del punto decimal siempre es positivo.

El FRA Valor entero de punto decimal de impresión variable, lo que significa que el literal de punto flotante puede ser un número positivo o negativo con un punto decimal.

El Exp Exponente de impresión variable de un número, lo que significa que el literal de punto flotante puede usarse para representar un exponente de un número.

Literales numéricos

Los literales numéricos son básicamente la serie de dígitos/números. Los literales numéricos se pueden representar en:

Base 10: decimal (que contiene dígitos de 0 a 9)

Base 8: Octal (que contiene dígitos de 0 a 7)

Base 16: hexadecimal (que contiene dígitos de 0 a 9 y las letras de a/a a f/f)

Código

var dec = 35;
consola.log ('Esta variable es un número decimal $ dec');
var oct = 062;
consola.log ('Esta variable es un número octal $ oct');
var hex = 0x8b;
consola.log ('Esta variable es un número hexadecimal $ hex');

Aquí tomamos tres variables dic, oct y maleficio, Luego asignamos un valor decimal a dic, octal a oct, y valor hexadecimal maleficio.

Producción

En la salida anterior se ve claramente que el dic Variable imprime el número decimal. El oct La variable toma un número octal e imprime el valor después de convertirlo en un número decimal. El maleficio La variable toma un número hexadecimal e imprime el valor después de convertirlo en un número decimal.

Literales de objetos

Los objetos literal es básicamente una lista de 0 o más pares de nombres de propiedades y valores asociados de un objeto envuelto dentro de un par de corchetes.

Código

var info = nombre: "Alex", Roll No: "35", marca: "85";
consola.log ('$ info.Nombre Got Got $ info.marcas marcas.');

Aquí creamos una variable información y asigne una lista con nombre, número de rollo y marca. Luego accedemos a nombres y marcas de la lista con la ayuda de un (.) e imprima el resultado.

Producción

Como se indicó anteriormente, la salida muestra que obtenemos la salida esperada con la ayuda de objetos literal.

Literales de expresión regulares

Los literales de expresión regulares se utilizan principalmente para buscar rápidamente información larga en cadenas largas. Estos literales se usan con barras hacia adelante (//). La palabra que se buscará en una cadena escribió entre barras hacia adelante como se muestra a continuación

Código

var str = "Este es Alex de ABC Company"
var str2 = /from /;
varilla var = str.Match (str2);
consola.registro (búsqueda);

Aquí tomamos tres variables str, str2, y buscar. Luego asignamos una cadena a str, str2 se asigna con expresión regular literal, y la búsqueda se asigna con un JavaScript fósforo() función y da str2 como parámetro. Por último, mostramos el resultado.

Producción

Arriba la salida muestra claramente que buscamos (de) Palabra de la cadena dada con la ayuda de la expresión regular literal y muestra la palabra que se busca, el número de índice donde se coloca esa palabra y la cadena desde la cual se busca esa palabra.

Literales de cuerda

Un literal de cuerdas es básicamente una cuerda compuesta de caracteres entre ("") doble o (") Citas individuales.

Los siguientes son los caracteres especiales utilizados en literales de cadena de JavaScript.

Caracteres Explicación
\norte Agregue una nueva línea en una cadena.
\F Agregar alimentación de formulario en una cadena.
\b Agregar Backspace en una cadena.
\ t Agregue una pestaña en una cadena.
\ r Utilizado para el regreso del carro en una cadena
\\ Agregar barra inalcanzada (\) dentro de una cuerda.
\ " Agregar cita doble (") en una cuerda.
\ ' Agregar cita doble (') en una cuerda.

Código

var str = "Esto es Alex \ n de ABC Company."
consola.log (str);
var str = 'Esto es Alex \ t de ABC Company.'
consola.log (str);

Aquí tomamos dos cuerdas. El primero se representa con cotizaciones dobles de cadena literal y \ n personaje especial, el segundo se representa con citas individuales literal y \ t personaje especial.

Producción

La salida de arriba muestra claramente que ambos literales de cadena, cadenas de impresión de cotización doble y simple, pero \ n comienza una nueva línea, mientras que \ t agrega una pestaña en una cadena.

Literales de plantilla

Cadena y variables combinadas entre el par de backticks (") se definen como literales de plantilla. Estos literales se utilizan para combinar cadenas y variables sin hacer que el código sea desordenado. La interpolación de la cadena también se realiza utilizando literales de plantilla.

Código

a = 5;
var str = '$ a es un número impar.'
consola.log (str);

Aquí tomamos una variable a y stri, Luego asignamos 5 a la variable a y usar plantilla literal en variable stri. Entonces simplemente mostramos el stri variable.

Producción

La salida de arriba muestra claramente que obtenemos la salida requerida usando literales de plantilla.

Conclusión

Los literales de JavaScript son los valores fijos que se asignan a variables para representar diferentes datos. Este artículo explica los tipos de literales de JavaScript, como una matriz, cadena, punto flotante, objeto, plantilla y literales numéricos en detalle.