18 - Arrays
¿Qué es un array?
Un array es una lista ordenada que contiene diferentes valores. Estos valores pueden ser de cualquier tipo tales como String, Number… y pueden ser todos del mismo tipo o de diferente tipo.
Estructura inicial
En nuestra carpeta de proyecto crearemos la siguiente estructura:
/
├── js/
│ └── 18-arrays.js
└── index.htmlY un código sencillo para nuestro HTML:
<!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.0">
<script src="./js/18-arrays.js"></script>
<title>18 - Arrays</title>
</head>
<body>
<h1>Temario de JavaScript</h1>
</body>
</html>Estructura de un Array
Todos los valores de nuestro Array irán dentro de [] separados por comas, pero también hay otra forma menos común para declararlos:
let array = [valor1, valor2, ... valorX]
let array2 = new Array(valor1, valor2, ... valorX)Ejemplos de Arrays
let alumnos = [
"José Miguel Ruiz",
"Laura Morales",
"Manuel López",
"Juan Garza",
"Luisa Montesinos"
]
let notas = [6.7, 4.5, 8, 3, 7.4, 8]
/* Normalmente para recorrer un Array se usan otros métodos propios del array como forEach y map */
for(let i = 0; i < alumnos.length; i++) {
console.log(`${alumnos[i]} ha sacado un ${notas[i]}`)
//José Miguel Ruiz ha sacado un 6.7
//Laura Morales ha sacado un 4.5
//...
}