Verifique el tipo de variable en JavaScript con typeof [Ejemplos]

Este artículo explicará los tipos de variables de JavaScript y cómo encontrar el tipo de una variable usando typeof operador.

El tipo de El operador es bastante similar a la instancia de operador – pero no funcionan de la misma manera . instancia de devuelve VERDADERO o FALSO al verificar si una variable es de cierto tipo, mientras que typeof devuelve el nombre del tipo.

¿Qué son los tipos?

El tipo de una variable determina lo que puede o no puede hacer.

Determina qué valor puede tomar la variable y qué se puede hacer con ese valor.

Por ejemplo, un número La variable de tipo que contiene un valor numérico se puede utilizar en aritmética. Por el contrario, un tipo de cadena variable que contiene una secuencia de palabras cannot usarse en cálculos aritméticos, pero se puede unir a otras cadenas para crear cadenas más largas.

Encontrar el tipo de una variable en JavaScript

Por lo general, sabrá de antemano cuál será el tipo de variable; después de todo, será usted quien la declare y le asigne un valor.

En ocasiones, sin embargo, es posible que no. Por ejemplo, el valor puede provenir de un paquete de terceros, recuperarse a través de una llamada API o provenir de la entrada del usuario, y es posible que desee determinar el tipo de variable antes de intentar hacer algo con ella.

El tipo de Operador

El tipo de El operador hace exactamente eso:te dice el tipo de una variable dada. Aquí está la sintaxis:

typeof operand

Tenga en cuenta que:

  • tipo de es un operador , no es una función
    • Esto significa que lo llama y lo sigue con una variable o valor separado por un espacio
  • operando debe ser la variable o el valor que desea verificar el tipo de
  • Se devolverá una cadena que contiene el nombre del tipo (consulte la siguiente tabla para ver los posibles valores de retorno)
Tipo de variable tipo de Salida
Indefinido “indefinido”
Nulo “objeto”
Booleano “booleano”
Número “número”
Entero grande “grande”
Cadena “cadena”
Símbolo “símbolo”
Objeto de función “función”
Cualquier otro objeto “objeto”

Ejemplos

A continuación, puede ver qué valor tiene el typeof el operador devuelve en función de varios valores que se le pasan:

typeof 32; // 'number'
typeof 1.89; // 'number'
typeof NaN; // 'number' - this variable should be numeric, but a numeric value was not able to be assigned to it, so it is a number variable with a NaN (Not a Number) value to indicate as such

typeof ''; // 'string'
typeof 'foo'; // 'string'

typeof true; // 'boolean'
typeof false; // 'boolean'

typeof undefined; // 'undefined'

typeof {property: 'value'}; // 'object'

Comprobar si una variable es de cierto tipo

Según el resultado demostrado anteriormente, puede comparar el resultado de typeof a un valor conocido para realizar acciones basadas en el tipo de una variable.

var myVariable = 64;
if(typeof myVariable === 'number'){
    console.log('The variable is a number')
}

Esto es especialmente útil cuando se comprueba que a una variable se le ha asignado un valor:

var myVariable; 
if(typeof myVariable === 'undefined'){
    // Variable is undefined, so no value has been defined though the variable has been declared
    console.log('No value has been assigned to the variable')
} else {
    // Value is assigned, you can do something with the variable here
}

Para obtener más información sobre typeof operador, puede consultar el recurso oficial para desarrolladores de Mozilla en:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/typeof