Exercícios de Array

01. Crie uma função que recebe um array de 2 números e coloque eles em ordem crescente. Não use o método sort.

02. Crie uma função que recebe um array de 3 números e coloque eles em ordem crescente. Crie sua própria função para isso.

03. Crie um script que pergunte 3 números ao usuário, coloque em um array, depois exiba tal array.
Modifique os elementos do array de modo a a sequência de números ficar do contrário.
Ou seja, se digitou: 1,2,3
Vai aparecer: 3,2,1

04. Refaça o script anterior, mas agora pergunte ao usuário quantos números ele deseja inserir no array.
Depois, o usuário vai preenchendo elemento por elemento do vetor.
Ao final, exiba o array e o array ao contrário (generalização do script anterior).


05. Faça uma função que recebe um array de qualquer tamanho e ordene seus elementos na ordem crescente. Faça sua função na mão, não invoque nenhum método de sorting. Dica: pesquise sobre bubble sort.

06. Crie uma função que recebe um vetor e um número.
Ela deve mostrar todos os índices onde esse número aparece no vetor, e não só apenas o primeiro e/ou  último índice em que o número aparece (como nos métodos indexOf e lastIndexOf).

07. Crie um script que pede um inteiro positivo para o usuário. Em seguida, popule uma array com os números de Fibonacci, na hora de somar com os termos anteriores, some com elementos anteriores do array.

08. Faça o mesmo do exercício anterior, mas com fatorial.
Fatorial de 0: 0! = '
Fatorial de 1: 1 x elemento0 = 1
Fatorial de 2: 2 x elemento1 = 2
Fatorial de 3: 3 x elemento2 = 3 x 2 = 6
...
Fatorial de n: n x elemento(n-1) = n x (n-1)! = n!

08. Usando matriz (array de array), crie o jogo da velha. Inicialmente, as posições são variáveis vazias.
O usuário fornece a linha e a coluna e clica num botão, então é marcado no tabuleiro X ou O (se for o jogador 1 ou jogador 2) que

09. Peça ao usuário uma quantidade de linhas e e outra de colunas, depois declare tal matriz, inicialize todos os elementos de 1 até 'linha x coluna'.

Matriz - Como Criar, Inicializar, Exibir e Alterar

Neste tutorial de nossa apostila de JavaScript, vamos aprender a usar matrizes. Vamos ver como declarar, inicializar, exibir e alterar os itens de um array de arrays, ou seja, de uma matriz.

• Estudar Matriz pela Apostila JavaScript Progressivo

Como Declarar uma Matriz

Vamos declarar e inicializar a matriz do tutorial anterior, sobre o que são matrizes (aquela 3x3 que vai de 1 até 9).

Basta fazer:

var matriz = [ [1,2,3],

                      [4,5,6],

                      [7,8,9] ];

Ou seja, inserimos três arrays (um por linha), no array matriz.

Uma outra maneira seria primeiro inicializar a variável como um array de 3 elementos:

var matriz = new Array(3);

Agora vamos em cada elemento e inicializamos com vetores:

matriz[0] = [1,2,3];

matriz[1] = [4,5,6];

matriz[2] = [7,8,9];

Lembrando que podemos também criar e declarar uma matriz com elementos nulos e de qualquer tamanho de linhas ou colunas:

var matriz = new Array(2);

matriz[0] = new Array(3);

matriz[1] = new Array(3);

No código acima, declaramos uma matriz de duas linhas e três colunas, conseguiu captar a ideia?

Como acessar elementos de uma Matriz

Vamos supor uma matriz 3x4. Ou seja, três linhas e 4 colunas.
Seus itens são acessados assim:

               Coluna 0      Coluna 1    Coluna 2   Coluna 3
Linha 0   a[ 0 ][ 0 ]    a[ 0 ][ 1 ]    a[ 0 ][ 2 ]    a[ 0 ][ 3 ]
Linha 1   a[ 1 ][ 0 ]    a[ 1 ][ 1 ]    a[ 1 ][ 2 ]    a[ 1 ][ 3 ]
Linha 2   a[ 2 ][ 0 ]    a[ 2 ][ 1 ]    a[ 2 ][ 2 ]    a[ 2 ][ 3 ]



Cada um desses elementos é uma variável, como outra qualquer.
Então, se quiser que o elemento da linha 2 e coluna 3 receba o valor 10, só fazer:
matriz[1][2] = 10;

Como exibir uma Matriz

A maneira mais fácil e recomendada de exibir uma matriz, é usando dois laços for, aninhados.
No primeiro laço, uma variável percorre as linhas.
No segundo laço, o interno, outra variável percorre o número correspondente de cada coluna.

No script abaixo inicializamos o vetor 3x3 que demos de exemplo, em seguida exibimos:

function exibe()
{
 var matriz = [ [1,2,3],
                       [4,5,6],
                       [7,8,9] ];

    for(let lin=0 ; lin<3 ; lin++){
     for(let col=0; col<3 ; col++)
      document.write(matriz[lin][col] + "  ");
     

     document.write("<br />");
    }

}

Vamos lá, devagar.

O primeiro for vai ficar responsável pelo índice das linhas, através da variável lin.
Ela assume primeiro o valor 0. Então, entra no FOR aninhado.

Esse for de dentro é o responsável pelo índice de cada coluna. Começa em 0, depois 1 e por fim tem valor 2.

Dentro dele, printamos na tela cada elemento: matriz[lin][col]

Quando acaba esse FOR aninhado, é porque uma linha já foi impressa. Então, damos uma quebra de linha <br />

Agora de volta no laço FOR de cima. Agora a variável lin recebe o valor 1, então vai printar a segunda linha...de novo o FOR aninhado, que vai de coluna em coluna e exibe o respectivo elemento.

Matriz em JavaScript - O que é? Para que serve? (Array de arrays)

Neste tutorial de nosso Curso de JavaScript, vamos aprender o conceito de matrizes, também conhecidas como array de arrays ou array multidimensional.

• Estudar Matriz pela Apostila em PDF

Matriz em JavaScript - O que é ?

Durante toda nossa seção de arrays em JS, dissemos que um array pode ser composto de qualquer objeto ou número ou booleano ou o que for. Usamos apenas arrays de uma única dimensão, por exemplo:

• 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:

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(31) -> terceira linha, primeira 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):

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:

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.