Matriz Java. Parte 6 Curso de JavaScript do iniciante ao avançado em 10 posts

Esta é a parte 6 da série de postagens do blog JavaScript que o levará do iniciante ao avançado. Ao final desta série, você conhecerá todos os conceitos básicos que precisa saber para começar a codificar em JavaScript. Sem mais delongas, vamos começar com o sexto tutorial.

Matriz Java – índice:

1. Matrizes - informações básicas
2. Adicionando itens a um array java
3. Removendo itens de um array
4. Descobrindo o comprimento em arrays
5. Classificando matrizes
6. Invertendo elementos em arrays
7. Para cada
8. Inclui em matrizes

Este tutorial pressupõe que você tenha um ambiente de codificação já configurado. Se você está seguindo os tutoriais anteriores, já deve tê-lo aberto. Se por algum motivo você fechou sua configuração, você pode encontrar as instruções completas de configuração na Parte 4 desta série. Nesse tutorial, explicamos como configurar seu ambiente de snippets do Google Chrome para codificação.

Se você estiver um pouco confortável usando o Google Chrome, aqui está uma maneira rápida de configurar este tutorial, caso contrário, você pode conferir a Parte 4 para obter o conjunto completo de instruções passo a passo sobre como configurar seu ambiente de codificação.

Se você estiver em um Mac, o atalho de teclado para abrir o console é pressionar “Option + Command + J”, depois de abrir o Chrome. Se você estiver usando um dispositivo Windows, poderá usar o atalho de teclado de “Control + Shift + J”, para abrir o Console JavaScript, assim que abrir o Chrome. Ou você também pode ir ao menu na parte superior e ir para View -> Developer -> JavaScript Console. Depois de abrir o console, você pode clicar na guia "Fontes", que fica ao lado de "Console". Agora você mostra estar vendo Snippets. Você pode continuar codificando em um snippet que já começou a usar antes ou pode criar um novo Snipped clicando no botão “+ New snippet”. Contanto que você tenha uma codificação configurada para este tutorial onde você possa praticar, você está pronto para ir.

Matriz Java - informações básicas

Arrays são muito usados ​​em muitas linguagens de programação e JavaScript não é exceção. E é por um bom motivo. Mas você pode estar se perguntando o que é uma matriz para começar? Arrays são essencialmente uma coleção de dados relacionados que podem ser acessados ​​e manipulados com certos métodos definidos. Vamos ver alguns exemplos de array para ter um entendimento mais completo.

const numbersUntilTen = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const testAnswers = [true, true, false, false, true];
const pets = ["dogs", "cats", "birds", "fishes"];

Podemos usar um array java para armazenar vários tipos diferentes de dados. Por exemplo, no código acima, armazenamos alguns números, booleanos, bem como o tipo de dados string.

Podemos criar um array java da mesma forma que criamos outras variáveis, com as palavras-chave const ou let no lado esquerdo e o conteúdo dos arrays no lado direito das equações. Uma coisa que você deve prestar atenção é que quando estamos criando arrays usamos os colchetes para cercar os itens, assim como fizemos no código acima. Também separamos cada item com uma vírgula entre eles, independentemente do tipo de dados.

Neste tutorial, escreveremos o código de uma maneira que você possa copiar e colar tudo neste tutorial, sequencialmente, ou digitar tudo, em um trecho de JavaScript no Chrome, e funcionará conforme o esperado, desde que você siga a ordem. Por exemplo, o que isso significa para você é que, se estivermos definindo uma variável com a palavra-chave const uma vez no tutorial, normalmente você não poderá definir outra variável com exatamente o mesmo nome novamente. É por isso que se você for copiar e colar parcialmente parte do código, é uma boa ideia certificar-se de definir essas variáveis ​​em seu código também. Isso não deve ser um problema se você estiver seguindo o tutorial na ordem em que é apresentado.

Uma das primeiras coisas que você deve saber sobre um array java é que, depois de criar um array, você precisa acessar seus elementos. Arrays têm algo chamado “índices numerados”, e o que isso significa para você na prática é que cada elemento que você cria em JavaScript, existe um número que está associado a ele da esquerda para a direita, de zero até o comprimento do array java menos um.

Por exemplo, no código acima para pets, podemos acessar o primeiro elemento de “dogs” escrevendo o nome da variável, abrindo colchetes, colocando o índice do item que queremos acessar e fechando o parêntese :

alert(pets[0]);

Da mesma forma, colocar números mais altos acionará a exibição de outros elementos na caixa de alerta que estamos exibindo.

alert(pets[1]);
alert(pets[2]);
alert(pets[3]);

Como tínhamos 4 elementos no array pets e iniciamos os índices a partir de 0, o último item do array é acessado com pets[3], que é 1 a menos que o comprimento total do array. Neste ponto você deve estar se perguntando, agora que podemos criar um array e acessar um item desse array, que tal fazer modificações nesse array? Que tal adicionar novos itens, alterar itens existentes ou excluir itens? Bem, vamos seguir passo a passo e começar adicionando novos itens a um array.

Adicionando itens a um array java

Existem várias maneiras de adicionar itens diferentes a uma matriz. Se sabemos que queremos adicionar o novo item ao final do array, podemos usar o método “push”. Isso também é chamado de empurrar um novo item para a matriz. Observe que o item enviado chegará ao final da matriz. Por exemplo:

pets.push("snakes");
// lets verify that we have snakes as the last item
// by displaying the array contents
alert(pets);

Se soubermos que queremos adicionar especificamente um item ao array java como o primeiro elemento, podemos usar a palavra-chave “unshift”. Vamos ver isso com um exemplo:

//running this code will shift all the values
// to one side and will add the first pet of dragon
pets.unshift(“dragons”); 
//lets verify this by displaying the contents of the array
alert(pets);

É ótimo que possamos adicionar itens ao final do array ou ao início do array, mas e se por algum motivo eu quiser injetar itens no array em posições específicas. Digamos que eu queira adicionar tartarugas na terceira posição. É mesmo possível? É sim. Para injetar um item em um array, podemos defini-lo como criar essa parte do array e atribuir um valor à parte específica do array. Também não se esqueça de usar os valores de índice ao inserir valores. Do ponto de vista prático fica assim:

pets[2] = "turtles";
// lets verify that we have turtles as the third item
// by displaying the contents of the array
alert(pets);

Removendo itens de um array

Neste ponto você deve estar se perguntando, que tal remover itens de um array? Bem, existem várias maneiras para isso também. Provavelmente o mais famoso é usar o método “pop”. Isso irá, de certa forma, destacar seu último item de uma matriz. // isso removerá o último item do array pets.pop(); // vamos verificar os resultados exibindo o conteúdo do array alert(pets);

Como você pode ver, com o método pop, removemos o último item de cobras do nosso array de animais de estimação.

Outra maneira de remover itens de um array java é usar a palavra-chave “shift”. Quando usamos shift, o primeiro elemento será excluído e o restante dos valores do índice se adaptará a eles. Por exemplo:

// this will delete the first item
// and will shift the other items into their new index values
// which will be one lower than the previous index values
pets.shift();
// let's also verify this by displaying the array
alert(pets);

O nome “shift” na verdade vem de como a alocação de memória funciona na memória do computador. Então, se for relativamente pouco intuitivo no início, tudo bem também. Por enquanto você deve saber que, usando o método shift podemos remover o primeiro item de um array.

Descobrindo o comprimento em arrays

Quando estamos lidando com arrays na vida real, pode haver muitas vezes em que queremos contar o número de itens de array. Isso pode ser necessário em vários lugares, incluindo listas de tarefas, listas de participantes na escola ou no trabalho e assim por diante. Para conseguir exatamente isso, temos uma propriedade de array embutida chamada “length” e ela nos dirá o comprimento total do array. Por exemplo:

alert(pets.length);

Classificando matrizes

Classificar arrays é uma operação bastante comum em JavaScript. Existem diferentes implementações específicas para classificar itens em JavaScript. Essas implementações específicas em geral são chamadas de algoritmos de ordenação. Diferentes algoritmos de ordenação podem trazer diferentes vantagens e desvantagens. Por exemplo, um algoritmo de ordenação pode ser escolhido em detrimento de outro porque é simplesmente muito mais fácil de implementar no código, comparado a outro, mesmo que eles possam apresentar um desempenho ligeiramente melhor. Você já deve ter ouvido falar sobre diferentes algoritmos de classificação para otimizar o desempenho. Neste tutorial, utilizaremos o método de classificação integrado fornecido pelo JavaScript. A classificação é um problema bastante comum, especialmente no desenvolvimento web. Por exemplo, se você estiver construindo um site de comércio eletrônico, precisará implementar diferentes situações de classificação para o usuário escolher. Embora não existam regras estritas sobre quais opções e recursos você deve fornecer ao seu público, existem padrões bastante comuns que são esperados de você como construtor de sites. Por exemplo, como usuário, há uma grande chance de você querer listar alguns itens da loja em preço crescente e preço decrescente. Ao implementar a classificação dessas tarefas, você deve ter em mente como implementá-la, pois o usuário também pode limitar os resultados da pesquisa a outras categorias, como camisetas, bonés, bolsas e assim por diante. Podemos classificar um array adicionando “.sort()” ao final dele.

pets.sort();
alert(pets);

Invertendo elementos em arrays

A reversão de uma matriz provavelmente é mais comum para combinar com a classificação. Nesse caso, como também estamos executando esses códigos de cima para baixo, também estamos aplicando a inversão após ordenar o array. Podemos inverter e array adicionando “.reverse()” ao final. animais de estimação.reverse(); alerta(animais de estimação);

Como ordenamos a matriz na etapa anterior, você pode ver que agora temos uma matriz classificada e revertida.

Para cada

Quando estamos trabalhando com arrays, o JavaScript nos fornece uma maneira conveniente de fazer um loop sobre os itens do array com “.forEach()”. Se realmente quisermos, ainda podemos usar um loop for regular para fazer um loop em uma matriz. Na verdade vamos primeiro ver como construir um loop for para fazer um loop sobre um array, então veremos usando forEach().

// this will alert us 4 times to feed our pet
for (let a = 0; a < pets.length; a++) {
    alert("Time to feed my pet");
}

Também podemos obter o mesmo resultado usando forEach.

pets.forEach(alert("Time to feed my pet"));

Quando comparamos o uso de loops for ou For each, dependendo de suas preferências e sua situação específica, você pode preferir usar um deles em vez do outro. Em essência, ambos alcançam as mesmas saídas com diferentes estilos de código. ForEach pode ser relativamente mais fácil e economizar uma linha de código para ler e escrever, mas no final das contas será sua escolha. Você não precisa fazer essa escolha agora e se ater a ela também. À medida que você está escrevendo código, você pode experimentar resolver o mesmo problema usando abordagens diferentes à medida que avança em sua jornada de programação.

Inclui em matrizes

Também podemos verificar se existe um item dentro de um array java. Um exemplo de uso real desse método seria se um evento privado inclui o nome de uma pessoa na lista de convidados. A implementação real também é bastante direta. Primeiro escrevemos o nome do array, neste caso estamos trabalhando com o array pets. Então colocamos um ponto, para acessar diferentes propriedades e métodos de array, então escrevemos “includes”, então abrimos e fechamos parênteses, e digitamos o nome do item que queremos verificar dentro. Aqui está um exemplo que verifica um item que sabemos que existe no array:

alert(pets.includes("dogs"));

Se também tentarmos fazer a mesma coisa com um item que sabemos que não existe no array java, esperamos receber false como resposta. Vejamos também esse caso com um exemplo:

alert(pets.includes("puppy"));

Como não tínhamos filhotes no array pets, obtemos false como esperávamos. No próximo tutorial veremos outro conceito importante tanto no mundo da programação quanto no JavaScript.

Curso de JavaScript do iniciante ao avançado em 10 posts:

1. Como começar a codificar em JavaScript?
2. Noções básicas de JavaScript
3. Variáveis ​​e diferentes tipos de dados em JavaScript
4. Trechos e estruturas de controle
5. loops while e loops for
6. Matriz Java
7. Funções JavaScript
8. Objetos JavaScript
9. Métodos JavaScript e muito mais
10. Resumo do curso de JavaScript