Os mtodos de array em JavaScript

Prévia do material em texto

Os métodos de array em JavaScript 1
💳
Os métodos de array em 
JavaScript
Os métodos de array em JavaScript são uma ferramenta poderosa para manipular e 
transformar dados em arrays. Esses métodos nos permitem realizar ações como 
adicionar, remover, filtrar, classificar e muito mais. Aqui estão alguns dos métodos mais 
comuns e seus exemplos.
1. push() - Adiciona um ou mais elementos ao final de um array.
var frutas = ['maçã', 'banana', 'laranja']; 
frutas.push('melancia', 'abacaxi'); 
console.log(frutas); // ['maçã', 'banana', 'laranja', 'melancia', 'abacaxi']
2. pop() - Remove o último elemento de um array e o retorna.
var frutas = ['maçã', 'banana', 'laranja']; 
var ultimaFruta = frutas.pop(); 
console.log(frutas); // ['maçã', 'banana'] 
console.log(ultimaFruta); // laranja
Os métodos de array em JavaScript 2
3. shift() - Remove o primeiro elemento de um array e o retorna.
var frutas = ['maçã', 'banana', 'laranja']; 
var primeiraFruta = frutas.shift(); 
console.log(frutas); // ['banana', 'laranja'] 
console.log(primeiraFruta); // maçã
4. unshift() - Adiciona um ou mais elementos ao início de um array.
var frutas = ['maçã', 'banana', 'laranja']; 
frutas.unshift('melancia', 'abacaxi'); 
console.log(frutas); // ['melancia', 'abacaxi', 'maçã', 'banana', 'laranja']
5. slice() - Extrai uma seção de um array e retorna como um novo array.
var frutas = ['maçã', 'banana', 'laranja']; 
var frutasDoMeio = frutas.slice(1, 2); 
console.log(frutas); // ['maçã', 'banana', 'laranja'] 
console.log(frutasDoMeio); // ['banana']
6. splice() - Adiciona ou remove elementos de um array em uma determinada posição.
var frutas = ['maçã', 'banana', 'laranja']; 
frutas.splice(1, 1, 'melancia', 'abacaxi'); 
console.log(frutas); // ['maçã', 'melancia', 'abacaxi', 'laranja']
7. sort() - Classifica elementos de um array em ordem alfabética ou numérica.
Os métodos de array em JavaScript 3
var frutas = ['maçã', 'banana', 'laranja']; 
frutas.sort(); 
console.log(frutas); // ['banana', 'laranja', 'maçã']
8. reverse() - Inverte a ordem dos elementos de um array.
var frutas = ['maçã', 'banana', 'laranja']; 
frutas.reverse(); 
console.log(frutas); // ['laranja', 'banana', 'maçã']
9. map() - Aplica uma função a cada elemento de um array e retorna um novo array 
com os resultados.
var números = [1, 2, 3, 4, 5]; 
var dobrados = números.map(function(número) { 
return número * 2; 
}); 
console.log(números); // [1, 2, 3, 4, 5] 
console.log(dobrados); // [2, 4, 6, 8, 10]
10. filter() - Filtra elementos de um array baseado em uma função de teste e retorna um 
novo array com os elementos que passaram no teste.
var números = [1, 2, 3, 4, 5]; 
var pares = números.filter(function(número) { 
return número % 2 === 0; 
}); 
console.log(números); // [1, 2, 3, 4, 5] 
console.log(pares); // [2, 4]
Estes são apenas alguns dos métodos de array em JavaScript, mas eles já cobrem 
muitas das tarefas comuns que você precisará realizar ao trabalhar com dados em 
Os métodos de array em JavaScript 4
arrays. Como programador experiente, é importante dominar esses métodos para ter 
uma sólida compreensão da programação web.