Noticias Raspberry Pi

Cómo usar el tipo de operador en JavaScript

En este tutorial, aprenderá a usar el operador typeof en JavaScript.

En JavaScript, el operador typeof le permite obtener fácilmente el tipo de variable especificado.

Este operador es esencial en JavaScript porque una variable se escribe dinámicamente.

Al usar typeof, puede usar JavaScript para devolver el tipo de datos como una cadena. Luego puede usar esta cadena para verificar si la variable es del tipo esperado.

Por ejemplo, puede usar typeof en una función en la que necesita realizar una acción diferente según el tipo de variable pasada.

En las próximas secciones, le mostraremos la sintaxis del operador typeof de JavaScript y cómo usarla en su código.

Tipo de sintaxis del operador en JavaScript

El operador typeof tiene una sintaxis simple en JavaScript porque es un operador unario que opera en una sola variable.

Todo lo que tienes que hacer es escribir «typeof» seguido de un operando. Por lo general, este operando será un nombre de variable o un valor.

Escrito de esta manera, el operador typeof solo obtendrá el tipo de variable del operando inmediato.

También puede escribir el tipo de operador entre paréntesis. Esto es útil cuando desea obtener el tipo del resultado de una operación.

Por ejemplo, si agregó un número a una cadena usando el operador de concatenación y usó el operador typeof sin los corchetes, obtendría «NÚMERO» como tipo en lugar de «CADENA».

De hecho, sin los corchetes, opera solo en el operando inmediato. El uso de paréntesis permite considerar la expresión completa.

El operando es una expresión que representa un objeto primitivo o tipo de datos. Un tipo de datos primitivo es un tipo de variable básico como cadena, número, booleano, etc.

El operador typeof devolverá el tipo de datos del operando como un cadena de caracteres.

Datos devueltos por el operador typeof

Con la siguiente tabla, puede ver rápidamente las cadenas que devuelve el operador typeof en JavaScript cuando se usa en un tipo de datos en particular.

También puede verificar el resultado de retorno del operador typeof de JavaSript usando la función «console.log()».

Tipo de datosResultNumber»number»BigInt»bigint»Boolean»boolean»String»string»Symbol»symbol»Function»function»Undefined»undefined»Null»object»Cualquier otro objeto»object»

Usar tipo de operador en JavaScript

Ahora que sabemos cómo se escribe el operador typeof en JavaScript, exploremos su uso en código real.

Los siguientes ejemplos muestran diferentes formas de usar este operador, así como los valores devueltos.

Antes de continuar, debemos tener en cuenta que siempre debe usar el operador idéntico (===) al comparar el resultado del operador typeof.

Las dos formas diferentes de usar el tipo de operador

Como se mencionó anteriormente en esta guía, puede usar el operador typeof en JavaScript de dos maneras. Una es usar corchetes. La otra es usarlo sin ningún tipo de soporte.

El comportamiento es casi el mismo excepto cuando se usa en una operación. Cuando se usa sin los corchetes, el operador typeof solo devolverá el tipo de datos del valor directamente después de él.

Para ilustrar esto, usaremos el operador de suma para agregar un número a una cadena y usaremos el operador typeof para devolver el tipo de datos.

Con nuestros ejemplos aquí, solo usamos el número 1 y le agregamos la cadena «PiMyLifeUp». Así que con un ejemplo usaremos typeof sin corchetes, el otro usaremos corchetes.

Además, usamos «console.log()» para generar el tipo de datos final para cada operación.

Con este resultado, puede ver que al usar typeof sin paréntesis, solo devolvió el tipo de datos de la variable inmediata.

Sin embargo, al usar corchetes, el tipo de datos de la expresión enter fue devuelto por el operador typeof de JavaScript.

Usando typeof para verificar si la variable pasada está configurada

Este ejemplo le muestra cómo puede usar el operador typeof para verificar si una variable no está definida.

Comenzamos este ejemplo declarando la variable «y» pero sin asignarle un valor, dejándola indefinida.

Después de eso, definimos una función simple llamada «hacer_algo()» que toma un solo parámetro.

En esta función, usamos el operador typeof de JavaScript para ver si el tipo de datos del valor pasado es el mismo (===) que «indefinido».

Si el tipo de datos de la variable «x» no está definido, el texto «Argumento x no está definido» se registrará en la consola.

Usamos «retorno»; para detener la ejecución de la función.

Para nuestra última parte, hacemos dos llamadas a nuestra nueva función. La primera llamada se pasa a la variable (y) que creamos pero que dejamos «sin definir».

La segunda llamada a la función va a la cadena «Establecer valor».

Después de ejecutar el JavaScript anterior, debería tener las siguientes dos cadenas impresas.

Puede ver con el resultado que el operador «typeof» devolvió el tipo de nuestra variable «x» como «indefinido», y la cadena «Argumento x no está definido» se guardó en la consola.

Dado que nuestro segundo valor era una cadena, el operador «typeof» habría devuelto «cadena», lo que significa que la cadena «PimyLifeUp» se imprimió en la consola.

Comprender el tipo de operador de JavaScript cuando se usa en nulo

Una peculiaridad del operador typeof en JavaScript es la forma en que maneja un valor «nulo». En lugar de devolver un tipo de datos como «nulo», el operador devuelve «objeto».

Este comportamiento proviene de los primeros días de JavaScript. Desafortunadamente, debido a que este comportamiento ha existido durante tanto tiempo, es difícil cambiarlo sin potencialmente romper años de scripts.

Puedes verlo por ti mismo usando la siguiente línea de JavaScript.

A continuación puede ver cómo el operador typeof devolvió «objeto» para nuestro valor «nulo».

NaN es tratado como un número por el tipo de operador de JavaScript

Cuando usa el operador typeof en JavaScript para verificar si un tipo de datos es un número, puede notar que trata «NaN» como un «número».

Puede verificar este comportamiento examinando el siguiente ejemplo. Declaramos intencionalmente una variable llamada «número» y la establecemos en el tipo de variable NaN.

A continuación, tenemos una declaración condicional de JavaScript simple. Usamos esta declaración para verificar si el tipo de variables «número» es el mismo que «número».

Si necesita solucionar este problema, puede utilizar los operadores lógicos AND y NOT lógicos junto con la función «isNaN()».

Con estos cambios en el script, no debería tener ningún texto impreso en la consola, porque la función «isNaN()» detectará cualquier variable que no sea un número.

Conclusión

A lo largo de esta guía, le mostramos cómo usar el operador typeof en JavaScript.

Este operador obtiene el tipo de datos de la expresión especificada como una cadena. Esto es útil para asegurarse de que está tratando con el tipo de datos correcto.

Comente a continuación si tiene alguna pregunta sobre el uso de este operador.

Consulte nuestros muchos otros tutoriales de JavaScript para obtener más información sobre el lenguaje de programación. Si desea aprender otro idioma, tenemos varios otros tutoriales de codificación.

Actualizaciones semanales directamente a su bandeja de entrada

¡Reciba nuestros proyectos de Raspberry Pi, tutoriales de codificación, guías de Linux y más!

Suscribir

También puede gustarte...