Introdução aos métodos de matrizes em JavaScript
Javascript oferece matrizes para armazenar dados como números inteiros, sequência e objetos definidos pelo usuário. O cenário de caso de uso é semelhante ao conceito de matrizes que encontramos em outros idiomas. Neste tópico, vamos aprender sobre métodos de matrizes em JavaScript.
Javascript é uma linguagem de front-end que adiciona comportamento dinâmico a uma página da Web. Essas matrizes são usadas para armazenar dados a serem renderizados na página da Web, como se você tivesse uma lista de livros com nome, nome do autor, data de publicação e custo. tudo pode ser colocado em um objeto e esses múltiplos objetos gerados nesse meio tempo podem ser armazenados nessas matrizes que podem ser passadas ao controlador para processamento ou da mesma forma que o controlador pode enviá-lo à exibição para renderização.
A declaração da matriz em Javascript é feita assim
var arr = new Array();
ou
var arr=();
ou
var arr = (1, 2, 3, 4);
Aqui você pode ver uma coisa que atribuímos valores inteiros à matriz e a marcamos como do tipo var, em Javascript todos os elementos serão armazenados apenas com o tipo var e se eles devem ser tratados e números inteiros ou outros tipos de dados que você vê eles aparecem como, então a análise desse tipo deve ser feita durante o uso de dados da matriz.
Métodos de matrizes em Javascript
Para o processamento de dados da matriz, temos vários métodos disponíveis, eles nos ajudarão a executar algumas operações necessárias durante o processamento e as manipulações de dados.
1. Foreach
Esse método é usado para fazer um loop sobre os dados da matriz e podemos ter cada elemento individual renderizado no espaço reservado desejado na página da web.
var country = ('India', 'Australia', 'South Africa');
iteraremos do índice 0 para o comprimento 1, onde comprimento é o tamanho da matriz, que é 3 aqui.
Agora vamos iterar sobre eles usando o método forEach -
Exemplo
var country = ('India', 'Australia', 'South Africa');
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Resultado -
2. Pressione
Sempre que você tiver uma matriz existente e, enquanto isso, estiver realizando algum cálculo em que essa matriz provavelmente estará recebendo algum valor de dados a ser adicionado a ela. Nesse caso, a função push deve ser usada.
Vamos adicionar um país à lista acima definida e iremos reiterá-lo dessa vez e também a duração alterada será exibida.
Lembre-se de que o envio será feito no último índice disponível na matriz.
Exemplo
// this line gives current length ie 3
console.log(country.length + ' is current length')
// here we push one more country
country.push('USA')
//print updated length
console.log(country.length + ' is current length')
// print each element and index
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Resultado -
3. Pop
Também podemos ter um requisito em que precisamos excluir os elementos de dados da matriz, pop é usado para excluir o elemento do final da matriz, ou seja, o último elemento da matriz será excluído e assim por diante.
Vamos dar um exemplo para ver o mesmo -
// this line gives current length ie 4
console.log(country.length + ' is current length')
// pop the last element, it doesn't take any argument
Country.pop()
// this line gives current length ie 3, as the array lost one element
console.log(country.length + ' is current length')
Resultado -
4. Shift ()
Você pode ter um requisito em que precisa remover o elemento da frente da matriz, portanto não pode usar pop para isso, pois ele excluirá todos os seus dados primeiro e, em seguida, fará com que você atinja seu primeiro elemento; por isso, mudamos (), isso removerá diretamente o elemento do início da matriz.
Vamos ver um exemplo abaixo para isso -
Aqui, executaremos o loop forEach para mostrar qual elemento foi excluído.
// line below will remove India, which was the first element
country.shift() ;
//let's print the elements now
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Resultado -
Na figura acima, você pode ver que toda a matriz foi deslocada para deixar o elemento "Austrália" movido do índice 1 para o índice 0. Portanto, essa operação leva à alteração de todos os elementos da matriz e pode ser cara quando o Como os dados são realmente enormes, eles devem ser usados com análises adequadas e as técnicas corretas de codificação devem ser seguidas.
5. Desvio ()
Aqui, o requisito é adicionar os dados à frente da matriz, em vez de adicionar ao final dela, esse método é chamado unshift () e isso também adicionará uma sobrecarga de mover todos os elementos existentes da matriz para a direita um índice em uma operação de inserção.
Isso também pode se tornar uma operação cara quando o desempenho deve estar no mesmo nível.
Vamos ver um exemplo de como fazer isso sem mudança -
Por favor, veja o índice em que o elemento recém-adicionado 'Canadá' aparece no instantâneo.
//add Canada
country.unshift('Canada');
//print elements
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Resultado -
6. Emenda
Este método é usado para remover os elementos com base em algum índice passado pelo usuário, até o momento vimos push e pop, shift e unshift, todos tratados com o último e o primeiro índices, se devemos remover a operação com os índices médios precisamos do método de emenda e podemos passar o índice do elemento a ser removido da matriz.
Vamos dar um exemplo em que demos um índice inicial a partir de onde todos os elementos devem ser removidos da matriz.
Adicionei a Nova Zelândia à matriz existente e fiz o tamanho 4 novamente.
//the following statement will target index 2 and 3 to be removed.
country.splice(2), /code>
Resultado -
7. isArray ()
Este método verifica se uma variável é do tipo array ou não.
Vamos fazer isso a partir do seguinte instantâneo
Conclusão
Aqui vimos vários métodos para manipulação de dados com javascript, que são úteis quando você desenvolve jogos ou páginas da web.
Artigos recomendados
Este é um guia para métodos de matrizes em JavaScript. Aqui discutimos vários métodos que nos ajudarão a executar algumas operações necessárias durante o processamento e as manipulações de dados. Você também pode consultar os seguintes artigos para saber mais -
- Construtor em JavaScript
- Matrizes em JavaScript
- O que é JavaScript?
- Substituindo em JavaScript
- Matrizes em PHP