20 - Arrays Multidimensionales

Estructura inicial

En nuestra carpeta de proyecto crearemos la siguiente estructura:

/
├── js/
│   └── 20-arrays-multi.js
└── index.html

Y 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/20-arrays-multi.js"></script>
    <title>20 - Arrays Multidimensionales</title>
</head>
<body>
    <h1>Temario de JavaScript</h1>
</body>
</html>

Declarando un Array Multidimensional

let pelis = [
    "Pinocho de Guillermo del Toro", 
    "Wolfwalker",
    "El Gato con Botas: El último deseo"
]

let generos = ["Drama", "Familiar", "Fantasía", "Acción", "Aventura"]

/* El índice 0 es el Array de pelis y el 1 es el de géneros */
let cine = [pelis, generos]
console.log(cine[1][2]) //Familiar
console.log(cine[0][0]) //Pinocho de Guillermo del Toro