¡Acceso ilimitado 24/7 a todos nuestros libros y vídeos! Descubra la Biblioteca Online ENI. Pulse aquí
¡Acceso ilimitado 24/7 a todos nuestros libros y vídeos! Descubra la Biblioteca Online ENI. Pulse aquí
  1. Libros
  2. JavaScript y Angular
  3. Tipos de datos
Extrait - JavaScript y Angular De los fundamentos del lenguaje al desarrollo de una aplicación web
Extractos del libro
JavaScript y Angular De los fundamentos del lenguaje al desarrollo de una aplicación web Volver a la página de compra del libro

Tipos de datos

Introducción

Los datos se consideran, en informática, como uno de los elementos más importantes. En desarrollo, el compilador y el desarrollador necesitan declarar, usar y manipular datos, variables o no, durante todo el proceso de ejecución del programa o aplicación.

JavaScript es dinámico y no está fuertemente tipado.

Dinámico porque no es necesario definir con precisión el tipo de variable utilizada. Son los datos asignados los que definen el tipo de datos automáticamente. Por ejemplo, si una variable llamada var01 contiene «12», entonces es una cadena de caracteres. Si contiene 12, entonces es un número.

No está fuertemente tipado porque una variable de cierto tipo puede cambiarlo, es decir, convertirse en una variable de otro tipo durante la ejecución del programa. 

Esta facilidad ofrecida a los desarrolladores es uno de los puntos más criticados de JavaScript. En efecto: si permite por conveniencia modificar un valor según sea necesario, también permite una anarquía completa del código, lo que de hecho lo hace imposible de mantener.

No fuertemente tipado no significa que no esté tipado en absoluto. JavaScript reconoce los siguientes tipos de variables:

  • String, para las cadenas de caracteres.

  • Symbol, para un dato único e inmutable.

  • number, para un número.

  • boolean, para una variable que solo puede tomar...

Declaración de una variable

Una variable es, en última instancia, solo un valor, definido por un nombre, almacenado en la memoria. Declarar una variable es extremadamente simple. Basta con que escriba su nombre precedido por la palabra clave let.

Por convención, el nombre de una variable respeta el formato camelCase (literalmente, «caja del camello»). Este método de denominación se utiliza ampliamente en programación. Consiste en enlazar palabras sin espacios escribiendo con mayúscula la primera letra de cada palabra. PlayStation y MasterCard son ejemplos de cómo se usa camelCase en la vida cotidiana, aunque los desarrolladores prefieren usar una letra minúscula en la inicial para no confundir una variable con una clase o un objeto.

Anteriormente, se usaba la palabra clave var, pero su alcance léxico era propenso a errores. De hecho, var podría usarse en el espacio global.

Una variable puede declararse sin ningún tipo.

<!-- C:\ENI_JavaScript\C03\demostracion\index.html -->  
<!DOCTYPE html>  
<html lang="es">  
  
<head>  
   <meta charset="UTF-8">  
   <title>Ediciones ENI</title>  
</head>  
  
<body>  
   <script>  
       // Declaración...

Números

1. Tipos de números

Se pueden definir en base 2 (binario), 8 (octal), 10 (decimal) o 16 (hexadecimal).

let samael;  
samael = 0b0000001010011010;   // precedido por 0b: binario 
samael = 01232;                // precedido por 0: octal 
samael = 666;                  // decimal 
samael = 0x29a;                // precedido por 0x: hexadecimal 

2. Operaciones elementales

Un número es un tipo de datos primitivo que representa un dato numérico. 

Todas las operaciones matemáticas conocidas se pueden aplicar entre dos números, entre una variable y un número, pero también entre dos variables. 

let calculo = 1;                 // calculo vale 1  
calculo = 1 + 3;                 // calculo vale 4  
calculo = 4 - 1                  // calculo vale 3   
calculo = calculo * 100;         // calculo vale 300 (3*100) 
let divisor = 10;                //...

Cadenas de carácteres

1. Declaración e inicialización

En JavaScript, se permite el uso de comillas ("") o apóstrofos (’’) para inicializar una cadena de caracteres.

let juegoRadio = "<p>K. Poulsen ha comprado un Porsche</p>"; 

Muy a menudo, se utilizan comillas si la cadena contiene un apóstrofo.

El carácter \ se utiliza para escapar el carácter que le sigue inmediatamente.

let aeomc = ' Tierras d/'Alcañiz negras las va parando'; 

También le permite introducir elementos de formato de texto, como \n para cambiar de línea y \t para insertar una tabulación.

2. Concatenación

El operador +, útil para sumar números, le permite concatenar cadenas de caracteres. 

<!-- C:\ENI_JavaScript\C03\demostracion\index.html-->  
<!DOCTYPE html>  
<html lang="es">  
  
<head>  
   <meta charset="UTF-8">  
   <title>Ediciones ENI</title>  
</head>  
  
<body>  
   <script>  
       // Cadenas de caracteres  
       let juegoRadio = "<p> K. Poulsen ha comprado un Porsche</p>";  
       // Concatenación  
 ...

Arrays

1. Declaración e inicialización

Un array permite almacenar diversas variables, de diferente naturaleza o no, en una sola. Su tamaño no es fijo y puede cambiar a medida que se ejecuta el programa. 

Es una secuencia de valores separados por comas, rodeados por dos corchetes. 

let miArray = [ unValor, unSegundo, unTercero]; 

Los valores contenidos en la tabla pueden ser de diferente tipo.

let listaDeLaCompra = ["soja", "zanahorias", "maíz"]; 

Un array puede contener uno o más arrays. En ese caso, hablamos de arrays multidimensionales.

Por ejemplo, para almacenar una lista de compras en la memoria, los alimentos y la cantidad deseada deben almacenarse en tablas. En última instancia, la lista es solo una matriz que contiene otras matrices.

let listaDeLaCompra = [   
["zanahorias ", 2],   
["manzanas", 5],  
["pomelo", 1],  
["calabacín", 1]   
]; 

2. Acceso

Cada elemento del array está indexado. En JavaScript, como ocurre muy a menudo en informática, el primer elemento tiene el índice 0. Un índice es siempre un número entero.

let perros = ["Akamaru", "Diabolo", "Scooby", "Mirza", "Paf"];  
  
// perros [0] vale 'Diabolo'.  
// perros [3] vale 'Mirza'. ¿Lo habéis...

Práctica

1. Enunciado

La página HTML siguiente inicializó un array de números y letras.

<!-- C:\ENI_JavaScript\C03\miseEnPratique\index.html -->  
<!DOCTYPE html>  
<html lang="es">  
  
<head>  
   <meta charset="UTF-8">  
   <title>Ediciones ENI</title>  
</head>  
  
  
<body>  
   <script>  
       let array = ['a', 'b', 6, 'd', 3, 'b', 99, 'e', 6, 'e',  
'c', 15, 'f', 8, 'b', 6, 'f', 5, 'b', 338576, 'f', 057, 'e'];  
   </script>  
</body>  
  
</html> 
  • Muestre su primer elemento usando JavaScript y el método document.writeln()

  • Agregue su tercer y quinto elemento y muestre el resultado.

  • Cree un nuevo array llamada alfabeto que contenga todas las letras del alfabeto.  Obtenga el octavo elemento del array array y búsquelo en el array alfabeto. Muestre su índice.

Images/Image3-3.png

Resultado esperado al final de la práctica

2. Corrección

En JavaScript, el primer elemento de una matriz está en el índice 0.

// Mostrar el primer elemento de un array  ...