P - Tarea JS - 14
Tarea 14 - Tipos de datos en JavaScript
Ejercicio: Escribe un programa que muestre, por consola y por pantalla, el tipo de dato de una variable definida con anterioridad en el código. (comprueba, al menos, 6 tipos). (vista previa)
Guarda la tarea en una carpeta llamada [14-tipos_datos] que deberá estar dentro de otra carpeta general llamada [tareas_JS] donde irás guardando todas las tareas propuestas del curso.
Detalles teóricos
JavaScript tiene relativamente pocos tipos de datos, de los que habitualmente usamos seis, clasificados de la siguiente forma:
- Primitivos: almacenan un solo valor
- Primarios: string, number, boolean
- Especiales: undefined, null, NaN
- Compuestos: arrays, objects
Todas las variables en JavaScript se declaran con la palabra reservada var, pero su tipo depende del valor que le asignemos.
- string. Se utiliza para almacenar cero o más caracteres, palabras y/o frases de texto.
- number. Se utiliza para almacenar valores numéricos (JavaScript no distingue entre números enteros o reales). Si asignamos un número entero, piensa que es una variable entera y si asignamos un número decimal piensa que es una variable real.
- boolean. Una variable de tipo boolean almacena un tipo especial de dato que solamente puede tomar dos valores: true (verdadero) o false (falso).
- undefined. Es un valor primitivo automáticamente asignado a las variables que solo han sido declaradas, pero no inicializadas.
- array. Es un tipo especial de dato compuesto que se utiliza para almacenar varios valores relacionados (o no) en una sola variable mediante la asignación de un índice (base 0).
- object. Se refiere a una estructura de datos que contiene datos (propiedades) e instrucciones (métodos) para trabajar con los datos.
El operador typeof
El operador typeof se usa colocando entre paréntesis (o no) la variable que queremos averiguar su tipo, por ejemplo:
var frase = "Hola a todos"; // Devuelve string
Y de este modo para cualquier otro tipo de dato.
Ejemplo resuelto
Este ejemplo muestra por pantalla y por consola el tipo de dato que corresponde a cada variable declarada.
var respuesta = document.getElementById('resultado');
function comprobarTipo() {
var mensaje = '<pre><code>';
var frase = "Hola a todos";
var ancho = 10;
var lista = [1, 2, 3, 4, 5];
var funcion = function () { '2+3' };
var logico = (2 > 19);
var x;
mensaje += 'var frase=\"' + frase + '\" es de tipo ' + typeof (frase) + '<br>';
mensaje += 'var ancho=' + ancho + ' es de tipo ' + typeof (ancho) + '<br>';
mensaje += 'var lista=[' + lista + '] es de tipo ' + typeof (lista) + '<br>';
mensaje += 'var funcion=' + funcion + ' es de tipo ' + typeof (funcion) + '<br>';
mensaje += 'var logico=' + logico + ' es de tipo ' + typeof (logico) + '<br>';
mensaje += 'var x; es de tipo ' + typeof (x) + '<br>';
mensaje += '</pre></code>';
console.log(typeof (frase));
console.log(typeof (ancho));
console.log(typeof (lista));
console.log(typeof (funcion));
console.log(typeof (logico));
console.log(typeof (x));
respuesta.innerHTML = mensaje;
}
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Curso de JS">
<meta name="author" content="(cc) 3con14" />
<title>Tipos de datos</title>
<link rel="stylesheet" href="/css/estilos.css">
</head>
<body>
<div class="contenedor">
<div id="titulo">Tipos de datos</div>
<div id="info">
<p>Escribe un programa que muestre, por consola y por pantalla, el tipo de dato de una variable definida con anterioridad
en el código. (comprueba, al menos, 6 tipos).</p>
</div>
<button onclick="comprobarTipo();" class='boton rojo'>Comprobar Dato</button>
<button onclick="window.location.reload();" class='boton gris'>Recargar</button>
<div id="resultado"></div>
</div>
<script src="/js/codigo.js"></script>
</body>
</html>
Etiquetas: JavaScript, Tarea