Tipo de datos

CODIGO BASE PARA PRUEBAS
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">      
</head>
  <body style="color:white;background-color:black">
  <h2>Pagina para realizar pruebas con JavaScript</h2>
  <script>
    // En esta sección se copia/escribe el codigo JavaScript

  </script>
  </body>
</html>

TIPOS DE DATOS

Los tipos de datos de JavaScript incluyen cadenas, números, booleanos, objetos y los tipos undefined «indefinido» y null «nulo». Cualquier tipo de dato que no sea un objeto es un tipo primitivo.


Números

Un número es un valor numérico de hasta 15 dígitos, pudiendo ser tanto enteros como decimales. Además también podrás ser tanto positivos como negativos. Los tipos de datos numéricos no pueden contener fracciones y tampoco deben contener comas. Las funciones matemáticas pueden utilizarse, aunque se asignará el resultado de las mismas.

CODIGO
<script>
  let numero = 10; // Asignamos el valor 10 a la variable numero
  let numeroNegativo = -10; // Asignamos el valor -10 a la variable numero
  let numeroDecimal = 2.4; // Asignamos el valor 2.4 a la variable numero
  let suma = 2 + 2; // La variable contendrá el valor 4
</script>      
    
ACTIVIDADES A REALIZAR

Crea un HTML un script que imprima los valores de las variables del ejemplo anterior en la consola de desarrollador. Debe aparece el nombre de la variable y su valor "numero=10"

Procura no copiar directamente la respuesta desde una IA

Además, también existe la palabra reservada NaN «Not a Number», que indica que un valor no es un número. Este tipo suele ser el resultado de operaciones con elementos que no contienen valores numéricos.

<script>
  let noEsPosible = 2 / 'cadena'; // Si dividimos 2 entre 'cadena' obtenemos NaN.
</script>      
    
ACTIVIDAD A REALIZAR

Investiga cuales son las funciones en JavaScript para conocer si una variable es un numero

Procura no copiar directamente desde una IA


CADENAS

Una cadena son una serie de caracteres. Los valores de tipo cadena se declaran entre comillas simples ' o comillas dobles ". Ambas notaciones son aceptables siempre y cuando la cadena comience y termine con el mismo tipo de comillas.

Codigo

    <script>
    // A continuación asignamos una cadena entre comillas simples a una variable
    var miTexto = 'Todo este texto es una cadena';
    
    // Ahora asignamos una cadena entre comillas dobles a una variable
    var miTexto = "Todo este texto es una cadena";
    </script>      
    

Booleanos

Un booleano es un valor que puede tener los valores true «verdadero» o false «falso»:

Codigo

      <script>
      var meDivierto = true;
      var meAburro = false;
      </script>      
    

Además, también podemos asignar los números 1 o 0, que son equivalentes a los valores true y false respectivamente.

Codigo

    <script>
    var meDivierto = 1;
    var meAburro = 0;
    </script>      
    

Undefined

Un tipo de dato undefined es aquel que ha sido declarado pero cuyo valor no ha sido definido. Por ejemplo, si declaramos una variable y luego mostramos su valor, no estará definida:

Codigo

    <script>
    var varaibleIndefinida; // Variable declarada pero no definida.
    </script>      
    

Null

El valor null o nulo es la ausencia de un valor en un elemento. A diferencia del tipo de dato undefined, el valor null representa a la nada, sin proporcionarnos información adicional:

Codigo

    <script>
var inexistente = null; // La variable está definida pero es nula
    </script>      
    

Objetos

Un objeto es una colección de pares de elementos que están formado por una clave y y respectivo valor. Los valores de la claves pueden corresponderse tanto con propiedades como con métodos.


El contenido de un objeto se declara entre corchetes { ... }, con comas que separan cada uno de los pares de elementos. A la lista de pares de valores separada por comas también se le puede denominar literal de un objeto.

Codigo

<script>
  var miObjeto = {} // Definimos un objeto y lo inicializamos con un literal vacío.

  // A continuación definimos un objeto y lo inicializamos con dos propiedades
  var persona = {
    nombre: 'Edu',
    edad: 35
  }
</script>      
    

En el ejemplo superior, el objeto es la variable persona, mientras que nombre y edad son claves del mismo y 'Edu' y 35 sus respectivos valores. Para obtener el valor de un objeto puedes usar el nombre del objeto seguido de un punto . y el nombre de la calve que deseas obtener. Por ejemplo, vamos a asignar el contenido de la clave edad que hemos definido en nuestro ejemplo anterior a otra variables:

Codigo

<script>
  let Objeto_Persona = {
    nombre: 'Edu',
    edad: 35
  } 
  //Se puede acceder al contenido de la clave asignandola a otra variable 
  let miEdad = Objeto_Persona.edad // La variable miEdad contendrá el valor 35.
  console.log("miEdad="+miEdad);

  //Tambien se puede acceder directamente 
  console.log("Objeto_Persona.edad="+ Objeto_Persona.edad );

</script>      
    
ACTIVIDADES A REALIZAR

Crea un HTML con un script con el Objeto_Persona que contenga las claves : nombre, apellido, edad, domicilio, telefono, ademas que imprima los valores en la consola de desarrollador. Debe aparece el nombre de la variable y su valor "numero=10"

Procura no copiar directamente la respuesta desde una IA


Arrays

Un array permite almacenar múltiples valores en una sola variable. Un array es un tipo objeto que puede contener múltiples tipos de datos diferentes en una lista. El contenido de un array se expresa entre corchetes [], con comas que separan cada uno de sus elementos.

Codigo

<script>
  // Creamos e inicializamos el array con un literal vacío
  var miArray = [];

  // Creamos un array y lo inicializamos con varios valores
  var frutas = ['manzana', 'naranja', 'pera'];
</script>      
    

Cada valor del array incluye un índice que comienza de 0 para el primero valor y se incrementa en una unidad con cada uno de los valores sucesivos. Un array es en el fondo un objeto que incluye índices numéricos en lugar de propiedades. El índice del elemento manzana del array frutas de nuestro ejemplo sería 0, el del elemento naranja sería 1 y el del elemento pera sería 2.
Para acceder a los elementos del array tendremos que indicar su índice numérico entre corchetes. En el siguiente ejemplo vamos a asignar el elemento manzana del array anterior a una nueva variable.

Codigo

<script>
  var mejorFruta = frutas[0];
</script>      
    
ACTIVIDAD A REALIZAR

Crea un script con cada uno de los tipos de variables permitidas en JavaScript

Procura no copiar directamente desde una IA