Operador de Signo de Pregunta (?) en JavaScript

En JavaScript, el operador de signo de pregunta (?) es una característica relativamente nueva que se agregó en ES2020. Este operador es especialmente útil para escribir código más limpio y elegante al manipular valores nulos o indefinidos. En este artículo exploraremos cómo funciona y cómo puede ser utilizado en diferentes escenarios.

Sintaxis

El operador de signo de pregunta tiene la siguiente sintaxis:

a ? b : c

Donde 'a' es una expresión que se evalúa como verdadera o falsa. Si la expresión 'a' es verdadera, la expresión 'b' es evaluada y devuelta. En cambio, si la expresión 'a' es falsa, la expresión 'c' es evaluada y devuelta.

Ejemplos

Ejemplo 1: Verificar si un valor es nulo o indefinido

Supongamos que tenemos una variable que puede ser nula o indefinida, y queremos asignarle un valor predeterminado en caso de que se cumpla esa condición. Antes de la introducción del operador de signo de pregunta, tendríamos que utilizar una declaración if-else para manejar este escenario:


let myVariable;
if(myVariable === null || myVariable === undefined) {
myVariable = "valor predeterminado";
}


Sin embargo, con el operador de signo de pregunta, podemos simplificar el código de la siguiente manera:

let myVariable = myVariable ? myVariable : "valor predeterminado";

Este código es más sencillo de entender y hacer mantenimiento.

Ejemplo 2: Acceder a una propiedad en un objeto anidado

En ocasiones, queremos acceder a una propiedad en un objeto anidado, pero no estamos seguros si los objetos 'padre' son nulos o indefinidos. Antes de conocer el operador de signo de pregunta, tendríamos que verificar cada objeto en la cadena y asignarle valores predeterminados si es necesario:


let miObjeto = null;
if(miObjeto !== null && miObjeto !== undefined && miObjeto.propiedad !== null && miObjeto.propiedad !== undefined) {
// hacer algo con miObjeto.propiedad
}
else {
// manejar el escenario cuando miObjeto.propiedad es nulo o indefinido
}


Con el operador de signo de pregunta, podemos simplificar este código a:

let miPropiedad = miObjeto?.propiedad || "valor predeterminado";

Este código es más corto y más fácil de leer.

Conclusión

El operador de signo de pregunta es una característica útil de JavaScript que puede hacer que nuestro código sea más simple y legible. Su uso es cada vez más común, especialmente en el manejo de valores nulos o indefinidos. Al familiarizarnos con la sintaxis y ejemplos de uso, podemos mejorar nuestras habilidades como desarrolladores.

Preguntas frecuentes

¿El operador de signo de pregunta se puede utilizar en lugar de la declaración if-else?

No necesariamente; el operador de signo de pregunta es especialmente útil en contextos más simples, mientras que la declaración if-else puede ser más efectiva en estructuras más complejas.

¿El operador de signo de pregunta se puede utilizar con tipos de datos distintos a nulos o indefinidos?

Sí, el operador de signo de pregunta puede ser utilizado con cualquier tipo de dato en JavaScript, aunque su uso es más común en contextos donde podemos encontrarnos con valores nulos o indefinidos.

¿Hay otros operadores similares en JavaScript?

Sí, existen otros operadores de asignación útiles en JavaScript, como el operador OR lógico (||). Cada operador puede ser utilizado en diferentes situaciones y problemas.

¿Dónde puedo encontrar más información acerca de elementos avanzados de JavaScript?

Existen muchos recursos en línea, como documentación oficial de JavaScript, blogs de desarrolladores, foros de preguntas y respuestas y sitios web de cursos y tutoriales. Es importante elegir fuentes confiables y actualizadas.

Cómo Comparar Objetos en JavaScript

Cómo leer un archivo de texto local utilizando JavaScript?

Cómo convertir el código de caracteres en código ASCII en JavaScript

Obteniendo la Intersección de Dos Arrays en JavaScript

Fetch vs Axios – ¿Cuál debo usar?

Filtrar Strings en un Array En Base a su Contenido (Valor de Búsqueda de Filtro)

Cómo ocultar un botón en JavaScript

Cómo formatear una fecha como YYYY-MM-DD en JavaScript

Cómo imprimir con estilo una cadena JSON en JavaScript