P - Tarea JS - 14

tareaTarea 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 Correo electrónico

Visitas...

Hoy ........ 0

Ayer ....... 3

Mes ........ 43

Total ........ 7871

En línea...

Hay 158 invitados y ningún miembro en línea

< 3con14 - LAB / >

1998 - 2017, www.3con14.biz
(cc) Jesús Plaza M.
RECONOCIMIENTOS