Matriz em JavaScript - O que é ?
- vetor[10]
- meuArray[2112]
- nomes[100]
É apenas uma lista, com uma série de objetos dentro (números, strings etc).
Mas também é comum um array conter outros arrays. É o que chamamos de matriz (a seguir você vai entender o motivo).
É um array normal, mas em vez do primeiro elemento ser um número, é outro array.
Em vez de um segundo elemento ser uma string, é outro array. E assim vai.
E dentro desses arrays interno? Ué, pode colocar o que você quiser também.
Matriz - Para que serve?
Lembra das aulas de matemáticas, quando estudou matrizes e determinantes?Matriz era uma espécia de tabela, formada por linhas e colunas.
Uma matrix: M(i,j) tem 'i' linhas e 'j' colunas, e é representada assim:
![Matriz em JavaScript Array multidimensional em JS - Curso grátis](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW0V4mAMbLZYgWR7e1LSuExbpB9keoLOZPwqIqm4hM3pL9MH0qZyCHsnTi4mgEFoXBVUZvyaDOrRfmLf7jFs_8zBK8XSLZ9Wo61C6SvLktizxjTgFMYzBOAa4dWRWSZkqf8UYZA3WjxgQ/s320/matriz-array-multdimensional.png)
a(11) -> primeira linha, primeira coluna
a(12) -> primeira linha, segunda coluna
a(13) -> primeira linha, terceira coluna
a(21) -> segunda linha, primeira coluna
a(22) -> segunda linha, segunda coluna
a(23) -> segunda linha, terceira coluna
a(22) -> segunda linha, segunda coluna
a(23) -> segunda linha, terceira coluna
a(31) -> terceira linha, primeira coluna
a(32) -> terceira linha, segunda coluna
a(33) -> terceira linha, terceira coluna
a(32) -> terceira linha, segunda coluna
a(33) -> terceira linha, terceira coluna
Uma planilha do Excel, por exemplo, é uma matriz.
Um tabuleiro de damas, xadrez ou outro jogo como o jogo da velha, é uma matriz.
Matriz - Array de Array
Vamos pegar uma matriz 3x3 (ou seja, três linhas e três colunas):
![Matriz em JavaScript Curso de JavaScript online grátis com certificado](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRqxVhZwjQdG9oIqzYoDhfDo-R3VPvDYLKAHJ1sYsbRpz8eCjmygZ4JRMuHNmdv2fYcGJ7RnUfEDSiiSVu25lufjzv2wb5oh59DbWBy8AX2EILC85v2GQboUERZc7lu3MLeRHfR8_-l5M/s320/matriz-curso-javascript.png)
Agora vamos aprender a 'ver' esta matriz como um array de arrays.
Imagine um array com três elementos:
var matriz = new Array(3);
O primeiro elemento é um array, que tem dentro os números: 1, 2, 3
O segundo elemento é um array, que tem dentro os números: 4, 5, 6
O terceiro elemento é um array, que tem dentro os números: 7, 8, 9
Veja:
![Matriz - Vetor de vetores Curso de JavaScript completo grátis](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1riJro3XMb8-Vk_rV4c7cDOI32Q-eWCBCIuOL158vzuz7-cMWpd02inGiGgSHH2ZLXQfMNPygBqy2bgDXtb3PGFmjOSGBiqorrmgg9hTn2vjONIE442KnTfSu6kvEumeb6nhAV7Jss_Q/s320/array-de-arrays-multidimensional-javascript.png)
Conseguiu visualizar agora?
É como se:
matriz[0] = [1, 2, 3]
matriz[1] = [4, 5, 6]
matriz[2] = [7, 8, 9]
Ou seja, cada linha é um array. E a matriz que tem 3 linhas, é um array com 3 arrays dentro.
A única diferença pra matriz que estudamos no colégio é que em vez de contar linha 1, linha 2 e linha 3, contamos linha 0, linha 1 e linha 2, pois em programação tudo começa no 0 e não no 1.
O mesmo vale para as colunas.
Veja como definir a localização de cada número
Linha 0, coluna 0 = 1
Linha 0, coluna 1 = 2
Linha 0, coluna 2 = 3
Linha 1, coluna 0 = 4
Linha 1, coluna 1 = 5
Linha 1, coluna 2 = 6
Linha 2, coluna 0 = 7
Linha 2, coluna 1 = 8
Linha 2, coluna 2 = 9
Essa matriz é uma de duas dimensões: linha e coluna.
No próximo tutorial vamos te ensinar como declarar, inicializar, exibir, acessar e mudar os itens de uma matriz, usando programação JavaScript.
Nenhum comentário:
Postar um comentário