Operador de marca de interrogación de JavaScript
El signo de interrogación (?) El operador en JavaScript es una de las características más poderosas que JavaScript proporciona para declaraciones condicionales y cuando se usa a lo largo de ":" Puede actuar como "Si ... de lo contrario .. ". Pero esa no es la única forma en que este operador se usa en JavaScript. En este artículo discutiremos el operador de signo de interrogación en JavaScript junto con su uso con ejemplos.
Formas de usar el signo de interrogación (?) Operador en JavaScript
La forma más común de usar el operador del signo de interrogación es para declaraciones condicionales, pero ese no es el único uso en JavaScript. Hay tres usos principales de los operadores de marca de interrogación en JavaScript como se muestra a continuación:
- Operador ternario
- Encadenamiento opcional
- Fusión nulosa
Uno de los cuales todos estamos familiarizados, pero los otros dos son los que solo pocos sabemos, así que veamos y comprendamos cada uno junto con ejemplos.
Operador ternario
El término ternario simplemente significa que consta de tres partes y el operador de signo de interrogación también se conoce como operador ternario porque, a diferencia de otros operadores como "===" estrictamente igual, es el único operador que toma tres partes.
En el operador ternario comenzamos con "?"En el que agregamos una declaración condicional en el lado izquierdo del operador y un valor en el lado derecho del operador en caso de que la condición sea verdadero. Es seguido por un colon ":"Que es seguido por un valor que se va a devolver en caso de que la condición sea FALSO. A continuación se muestra la sintaxis proporcionada:
Sintaxis:
Sentencia condicional ? Verdadero (valor si es verdadero): falso (valor si falso)El operador ternario se utiliza para reemplazar las múltiples líneas de código de la instrucción if lo otra. A continuación se muestra un ejemplo de la declaración IF de lo contrario, junto con que se reemplaza por un operador ternario para mostrar cómo una declaración condicional de si más se puede cambiar a un solo código de línea fácilmente.
if (20> 12)consola.log ("Sí")
demás
consola.log ("no")
La línea de código anterior se puede convertir en un solo código de línea:
const biguenum = (20> 12) ? "Sí No";consola.log (biguenum);
Puede ver claramente la diferencia entre varias líneas de condición if-else se convierte en un código de línea único utilizando un operador ternario.
Encadenamiento opcional
La función de encadenamiento opcional se introdujo en 2020 que ayuda al usuario a manejar un error de una manera más eficiente. Supongamos que tiene un código que llama a un objeto propietario que no existe y, por lo tanto, cuando se ejecuta el código, generará un error que podría deberse a la falta de valor en su base de datos o en cualquier otra razón. Por ejemplo, mire el siguiente ejemplo:
Const Empleado =Nombre: "Marca",
Worksince: 2015
empleado.escribir.salario();
Aquí, no hemos definido las propiedades para el objeto y, por lo tanto, cuando ejecutamos el código generará el siguiente error:
Ahora, para evitar tales errores, se introdujo el encadenamiento opcional a través del cual simplemente insertamos un operador de marca de interrogación "?"Entre los nombres de propiedad como se muestra a continuación:
Const Empleado =Nombre: "Marca",
Worksince: 2015
empleado.escribir?.salario();
Producción:
A través de la cadena opcional, simplemente dio salida "indefinido"En lugar de lanzar cualquier error y, por lo tanto, es una de las mejores características para que los desarrolladores eviten tales errores de manera más eficiente.
Fusión nulosa
A veces no tenemos un valor para una propiedad o no está disponible al escribir el código. Por ejemplo, si estamos definiendo a varios usuarios y tenemos una imagen de propiedad para cada usuario y no tenemos la imagen disponible para esos usuarios. Entonces, cuando se muestren los datos, las imágenes para los usuarios estarán en blanco, lo que puede verse feo y poco profesional.
Const Empleado =Nombre: "Marca",
Imagen: Undefined || "N / A"
consola.log (empleado);
Producción:
Pero mientras se trata de "||"El operador lógico o, puede encontrar algunos problemas si considera que algunos valores se pueden usar, como" "y" 0 ". Por ejemplo, hemos declarado una variable con el valor 0 o una cadena vacía junto con "||" Lógico u operador, por lo que el operador considerará el valor como nulo o indefinado y, por lo tanto, devolverá algún valor predeterminado que hemos solucionado, como se muestra en el siguiente ejemplo:
CONST EJEMPLO1 = 0 || 'cadena predeterminada';consola.log (ejemplo1);
const example2 = "|| 500;
consola.log (ejemplo2);
Producción:
Aquí en el ejemplo anterior, aunque hemos establecido los valores de AS 0 y la cadena vacía todavía, lo está tomando como nulo y indefinido y mostrando el valor predeterminado que establecemos. Para resolver este problema usamos Coalimias nulosas o puntos de interrogación dobles (??) Como se muestra abajo:
CONST EJEMPLO1 = 0 ?? 'cadena predeterminada';consola.log (ejemplo1);
const ejemplo2 = " ?? 500;
consola.log (ejemplo2);
Producción:
De esta manera, se usa la fusión nula que solo acepta valores nulos e indefinidos, aparte de eso, siempre muestra los valores laterales correctos.
Conclusión
El operador del signo de interrogación en JavaScript es extremadamente útil, ya que no solo se usa para declaraciones condicionales, sino para otros fines útiles. En este artículo discutimos a los operadores de marca de interrogación en JavaScript junto con varias formas de usarlo. Primero, la forma tradicional es reemplazar las condiciones if-else, pero también hay otras formas de usarlo que discutimos en el artículo. A través de los operadores de signos de interrogación, podemos hacer que nuestro código sea más compacto y manejar errores de manera más eficiente.