P - Tarea JS - 14

tarea 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

Imprimir