Operador tipo de JavaScript

A continuación se muestra el ejemplo del operador typeof.

  • Ejemplo:

    <script>
    // "string"
    document.write(typeof 'mukul'+"<br>"
      
    // "number"
    document.write(typeof 25 +"<br>"
      
    // "undefined"
    document.write(typeof variable)
    </script>
  • Producción:
    string
    number
    undefined

En JavaScript, el operador typeof devuelve el tipo de datos de su operando en forma de string. El operando puede ser cualquier objeto, función o variable.

Sintaxis:

typeof operand

O

typeof (operand)

Nota: Operando es una expresión que representa el objeto o primitiva cuyo tipo se va a devolver.

Los posibles tipos que existen en javascript son:

  • indefinido
  • Objeto
  • booleano
  • número
  • cuerda
  • símbolo
  • función

Ejemplo:

<script>
// "string"
document.write(typeof 'mukul'+"<br>") 
  
// "number"
document.write(typeof 25 +"<br>") 
  
// "undefined"
document.write(typeof variable)
</script>

Producción:

string
number
undefined

Vamos a cubrir todos los tipos uno por uno dedicando una sola sección de código para cada código.

Ejemplo: Typeof Number, en esta muestra, usamos ‘===’ (operador de comparación de igualdad estricta) que compara el valor y escribe ambos y luego devuelve verdadero o falso. Por ejemplo, considere el primer console.log(), el js comienza a compilar de izquierda a derecha y primero calcula el tipo de 25 que es ‘número’ y luego lo compara con ‘número’ y finalmente devuelve verdadero o falso según corresponda.

<script> 
  //Number
  console.log(typeof 25 === 'number');
  console.log(typeof 3.14 === 'number');
  console.log(typeof(69) === 'number');   
  
  // log base 10
  console.log(typeof Math.LN10 === 'number'); 
  console.log(typeof Infinity === 'number'); 
  
  // Despite being "Not-A-Number"
  console.log(typeof NaN === 'number');
  
  // Wrapping in Number() function
  console.log(typeof Number('100') === 'number'); 
</script> 

Producción:

Dato curioso NaN, que significa no-un-número, tiene un tipo de «número».

Ejemplo: tipo de string

<script> 
  // string
  console.log(typeof '' === 'string');
  console.log(typeof 'bla' === 'string');
  
  // ES6 template literal
  console.log(typeof `template literal` === 'string');  
  console.log(typeof '1' === 'string');
  console.log(typeof (typeof 1) === 'string');
  
  // Wrapping inside String() function
  console.log(typeof String(1) === 'string');
</script> 

Producción:

Ejemplo: Tipo de booleano

<script> 
  // Boolean
  console.log(typeof true === 'boolean');
  console.log(typeof false === 'boolean');
  
  // Two calls of the ! (logical NOT) operator 
  // are equivalent to Boolean()
  console.log(typeof !!(1) === 'boolean'); 
</script> 

Producción:

Ejemplo: Tipo de indefinido

<script> 
  // Undefined
  console.log(typeof undefined === 'undefined');
  
  // Declared but undefined variable
  console.log(typeof variable === 'undefined'); 
</script> 

Producción:

Ejemplo: Tipo de símbolo

<script> 
  // Symbol
  console.log(typeof Symbol() === 'symbol');
  console.log(typeof Symbol('party') === 'symbol');
  console.log(typeof Symbol.iterator === 'symbol');
</script> 

Producción:

Ejemplo: Tipo de objeto

<script> 
  // Object
  console.log(typeof {b: 1} === 'object');
  console.log(typeof [1, 2, 9] === 'object');
  console.log(typeof new Date() === 'object');
</script> 

Producción:

Ejemplo: función tipo de

<script> 
  // function
  console.log(typeof function() {} === 'function');
  
  //classes too are objects
  console.log(typeof class C {} === 'function'); 
  console.log(typeof Math.sin === 'function'); sin function(maths)
</script> 

Producción:

Publicación traducida automáticamente

Artículo escrito por support3 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *