3 minutos de leitura
784

Irei abordar um pouco sobre manipulação de Arrays(vetor) com javascript.

Hoje estava resolvendo alguns problemas de array(vetor) com javascript. Por conta disso resolvi criar um post sobre alguns métodos basicos.

Muita gente tem duvidas quando se trata de manipulação de arrays, acredito que seja a estrutura de dados mais utilizada. Algumas linguagens ja fornecem funções nativas para manipula-los.

Vou mostrar um pouco como é facil adicionar, remover, concatenar, ordenar entre outros.

Vamos lá!

Push

O push é usado para adicionar um ou vários itens no final do array. Com essa método nativo não precisamos nos preocupar com tamanho do array para adicionar um item após o ultimo índice.

A sintaxe é: push (elemento1, elemento2,…)

No exemplo abaixo vou inserir os valores 10 e João no array.

Exemplo:

// EXEMPLO Push

var item = new Array(1 , 2 , 3 , 2 , 7);
item.push(10,"João");
console.log (item);

// Resultado: 1,2,3,2,7,10,João

Essa foi bem simples né? Pois bem, um tempo atrás tomei uns cascudos de meu amigo Afonso Praça por estar fazendo a contagem do ultimo índice através de um loop.

Unshift

Essa é uma outra forma de inserir um item, funciona semelhante ao método push, mas ao invés de inserir o item no final do array, ele insere no início. Pode ser passado vários parâmetros tambem.

No expemplo abaixo vou inserir os valores 10 e João, agora no inicio.

Exemplo:

// EXEMPLO Unshift

var item = new Array(1 , 2 , 3 , 2 , 7);
item.unshift(10,"João");
console.log(item);

// Resultado: 10,João,1,2,3,2,7

Pop

Esse método remove o ultimo item do array e retorno como resultado. Caso esse comando seja executado o array original é alterado.

No exemplo abaixo vou remover o ultimo item do array(7).

Exemplo:

// EXEMPLO Pop

var item = new Array(1 , 2 , 3 , 2 , 7);
var result = item.pop();
console.log(result);
console.log(item);

// Resultado: 7
// Resultado: 1,2,3,2

Shift

Assim como o método Pop ela é utilizada para remover um item do array, só que esse método remove o primeiro item e o retorna. Ele tambem altera o array original removendo o item retornado.

No exemplo abaixo vou remover o primeiro item do array(1).

Exemplo:

// EXEMPLO Shift

var item = new Array(1 , 2 , 3 , 2 , 7);
var result = item.shift();
console.log(result);
console.log(item);

// Resultado: 1
// Resultado: 2,3,2,7

Concat

Esse método serve para unir dois ou mais arrays em um único, os arrays iniciais não são alterados, apenas o array criado com o resultado contendo os dados concatenados.

No exemplo abaixo vou juntar(concatenar) os dois arrays.

Exemplo:

// EXEMPLO Concat

var item1 = new Array(1 , 2 , 3 , 2 , 7);
var item2 = new Array(8 , 9 , "João" , "Maria" , "José");
var result = item1.concat(item2);
console.log(result);
console.log(item1);
console.log(item2);

// Resultado: 1,2,3,2,7,8,9,João,Maria,José
// Resultado: 1,2,3,2,7
// Resultado: 8,9,João,Maria,José

IndexOf

Esse método recebe por parâmetro um valor a ser localizado no array, basicamente serve para sabermos qual pedaço pedaço de string corresponde no índice do array, o valor retornado é sempre inteiro.

Obs: Caso o item não seja encontrado o valor retornado será -1.

Exemplo:

// EXEMPLO IndexOf

var item = new Array(1 , 2 , 3 , "João" , 7);
var result = item.indexOf("João");
console.log(result);


var result2 = item.indexOf("José");
console.log(result2);

// Resultado: 3
// Resultado: -1

Reverse

Esse metodo inverte a posição dos itens de um array. Não é preciso a utilização de um parâmetro.

Exemplo:

// EXEMPLO Reverse

var item = new Array(1 , 2 , 3 , 4 , 7);
item.reverse();
console.log(item);

// Resultado: 7,4,3,2,1

Sort

Esse método serve para ordenar os itens do array e retorna o proprio array modificado, essa ordenação é feita de modo crescente.

A ordenação não é necessariamente estável, ela basicamente pega o código(unicode) da string e faz a ordenação. Talvez tenha uma leve modificação no retorno.

Exemplo:

// EXEMPLO Sort

var item = new Array(5 , 1 , 3 , 2, 7);
item.sort();
console.log(item);

var fruta = ['cherries', 'apples', 'bananas'];
fruta.sort();
console.log(fruta);

// Resultado: 1,2,3,5,7
// Resultado: apples,bananas,cherries

ToString

Esse método retorna uma string representando um objeto. Simplificando ele converte um array para string retornando esse mesmo valor como resultado.

Exemplo:

// EXEMPLO ToString

var item = new Array(5 , 1 , 3 , 2, 7);
var string = item.toString();
console.log(string);

// Resultado: 5,1,3,2,7
Conclusão

Bom galera, esse foi só alguns métodos basicos e que pode te ajudar a fazer muita coisa usando javascript. Conhecê-los é fundamental para quem deseja seguir em frente com javascript.

Espero que tenha conseguido ajudar um pouco, e que esses métodos possam ser útil pra você em seus futuros projetos.

Agradeço por chegar até aqui.

Erros, dúvidas e sugestões podem comentar abaixo.

comments powered by Disqus
Image

Geriel Castro

Desenvolvedor Front End - UX, morando no Rio de Janeiro Programador WEB Consultor SEO e Mídias Sociais