Principais Métodos Para Trabalhar Com Arrays Javascript

Arrays são um tipo especial de objeto. Diferentemente dos Objetos, o conteúdo de um array têm uma ordem natural (o elemento 0 sempre precede o elemento 1), e suas chaves são numéricas e sequenciais.

const arr1 = [1, 2, 3, 4]; // array contendo numeros					
const arr2 = [1, 'two', 3, null, undefined]; // array contendo tipos misturados	
const arr3 = [[1, 3, 5], [2, 4, 6]]; // array contendo arrays 				
const arr4 = [{ name: "John Doe"}, {name: "Jane Doe"}]; // array contendo objetos

Como acessar elementos em um array javascript

Para acessar elementos individuais de um array, nós podemos simplesmente usar o índice numérico do elemento dentro de colchetes.

const arr1 = [1, 2, 3, 4];					
console.log(arr1[0]); // 1	
console.log(arr1[1]); // 2

E se você quiser substituir um valor em um determinado índice do array, você pode simplesmente atribuí-lo:

const arr1 = [1, 2, 3, 4];			
									
arr1[0] = 10;						
arr2[1] = 20;						
console.log(arr1); //[10, 20, 3, 4];

Como adicionar elementos em um array javascript

Array.push()

Adiciona um elemento ao final do array e devolve o novo comprimento do Array:

let linguagens = ["Java", "Javascript","PHP"];							
let novoTamanho = linguagens.push("Python");       						
																	
console.log(novoTamanho); // 4											
console.log(linguagens); // [ 'Java', 'Javascript', 'PHP', 'Python' ]

Como remover elementos em um array javascript

Array.pop()

Extrai e retorna o último elemento do array:

let linguagens = ["Java", "Javascript", "PHP"];							
let elementoRemovido = linguagens.pop();       						
																	
console.log(elementoRemovido); // PHP											
console.log(linguagens); // [ 'Java', 'Javascript']

Como procurar elementos em um array javascript

Array.find()

O método retorna o valor do primeiro elemento que passa num teste. O método retorna undefined se nenhum elemento for encontrado.

let linguagens = ['Java', 'Javascript', 'PHP'];

let valor = linguagens.find((valor) => valor == 'Java');
console.log(valor); // 'Java'

Como iterar sobre elementos em um array javascript

Array.forEach()

O método chama uma função para cada elemento de um array, o método não é executado para elementos vazios.

let linguagens = ['Java', 'Javascript', 'PHP'];

linguagens.forEach(valor => {
   console.log(valor);
});

// 'Java'
// 'Javascript'
// 'PHP'

Como filtrar elementos em um array javascript

Array.filter()

O método do filter() cria um novo Array preenchido com elementos que passam em um teste fornecido por uma função. O método filter() não executa a função para elementos vazios e não altera o Array original.

let linguagens = ['Java', 'Javascript', 'PHP'];

let novoArray = linguagens.filter((valor) => {
  return valor.length == 3;
});

console.log(novoArray);

// [ 'PHP' ]

Como converter um array javascript para texto

Array.toString()

O método toString() retorna uma string com valores do Array separados por vírgulas. O método toString() não altera o array original.

let linguagens = ['Java', 'Javascript', 'PHP'];

let texto = linguagens.toString();

console.log(texto);

// Java,Javascript,PHP

0 Comments