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: