Valchan

"What we know is a drop.. What we don't know is an ocean." - Isaac Newton

02 de março de 2020 • 3 min de leitura

Javascript e Arrays

Parte 1: Exemplos de código utilizando as funções dos Arrays.

.some()
Retorna um valor boolean caso algum dos elementos do array tenha a condição atendida.
Exemplo:

const array = [1, 2, 3, 4, 5];
console.log(array.some(elemento => elemento === 4)); //true
console.log(array.some(elemento => elemento === 6)); //false

.map()
Retorna um novo array com as condições passadas.
Exemplo:

const array = [1, 4, 9, 16];
console.log(array.map(x => x * 2)); // Array [2, 8, 18, 32]

Exemplo com object:

const foguetes = [
    { pais:'Brasil', lancamentos:32 },
    { pais:'Estados Unidos', lancamentos:23 },
    { pais:'China', lancamentos:54 }
];
const lancamentosList = foguetes.map((elem) => {
  return {
    pais: elem.pais,
    lancamentos: elem.lancamentos+10,
  } 
});
console.log(lancamentosList);
// Array [Object { pais: "Brasil", lancamentos: 42 }, Object { pais: "Estados Unidos", lancamentos: 33 }, Object { pais: "China", lancamentos: 64 }]



.find()
Retorna o primeiro elemento que se encaixa na condição.
Exemplo:

const array = [5, 12, 8, 130, 44];
console.log(array.find(elemento => elemento > 10)); // 12

.concat()
Concatena duas listas em uma.
Exemplo:

const array1 = ['a', 'b', 'c'];
const array2 = ['d', 'e', 'f'];
const array3 = array1.concat(array2);
console.log(array3); // Array ["a", "b", "c", "d", "e", "f"]

.findIndex()
Retorna o índice do objeto a ser buscado, caso não encontre, retorna -1.
Exemplo:

const array = [5, 12, 8, 130, 44];
console.log(array.findIndex(elemento => elemento === 130)); //3
console.log(array.findIndex(elemento => elemento === 2)); //-1

.sort()
Reorganiza lista.
Exemplo:

const nomes = ['Maria', 'Jean', 'José', 'Felipe', 'Paula', 'Guilherme'];
console.log(nomes.sort());
//Array ["Felipe", "Guilherme", "Jean", "José", "Maria", "Paula"]

Exemplo 2:

const numeros = [1, 30, 4, 21, 100000];
console.log(numeros.sort());
//Array [1, 100000, 21, 30, 4]

Exemplo com object:

const usuarios = [{nome: 'maria'}, {nome: 'josé'}, {nome: 'pedro'}];
console.log(usuarios);
//Array [Object { nome: "maria" }, Object { nome: "josé" }, Object { nome: "pedro" }]
usuarios.sort((a, b) => a.nome.localeCompare(b.nome));
console.log(usuarios);
//Array [Object { nome: "josé" }, Object { nome: "maria" }, Object { nome: "pedro" }]

.every()
Retorna um booleano caso todos os elementos atendam a condição.
Exemplo:

const array = [1, 30, 39, 29, 10, 13];
console.log(array.every(valor => valor < 40)); //true
console.log(array.every(valor => valor > 40)); //false

.fill()
Altera os elementos de um array.
array.fill(valorDeTroca, inicioDoArray(padrão 0), finalDoArray(array.length));
Exemplo:

const array = [1, 2, 3, 4];
//preenche a lista com 0, começa da posição 2 até o 4(tamanho do array)
console.log(array.fill(0, 2, array.length));// [1, 2, 0, 0]
console.log(array.fill(5, 1)); // [1, 5, 5, 5]
console.log(array.fill(6)); // [6, 6, 6, 6]

.reduce()
Acumula os valores de um array retornando apenas um valor.
array.reduce((acumulador, valorAtual) => acumulador + valorAtual, valorInicialDoAcumulador)
Exemplo:

const array = [1, 2, 3, 4];
console.log(array.reduce((acumulador, valorAtual) => acumulador + valorAtual)); //10
console.log(array.reduce((acumulador, valorAtual) => acumulador + valorAtual, 5)); //15

Exemplo com object:

const valores = {
  a: {valor:1},
  b: {valor:2},
  c: {valor:3}
}
const resultado = Object.values(valores).reduce((total, {valor}) => total + valor, 0)
console.log(resultado) // 6

.includes()
Verifica se o valor passado é igual a algum elemento e retorna um booleano.
array.includes(valorPassado);
Exemplo:

const numeros = [1, 2, 3];
console.log(numeros.includes(2)); // true
console.log(numeros.includes(4)); // false

Exemplo 2:

const animais = ['gato', 'cao', 'morcego'];
console.log(animais.includes('gato')); // true
console.log(animais.includes('ato')); // false

.reverse()
Inverte a posição dos elementos do array, o primeiro se torna o último e o último se torna o primeiro.
Exemplo:

const numeros = ['um', 'dois', 'três'];
console.log('numeros:', numeros); // "numeros:" Array ["um", "dois", "três"]
console.log('reverso:', numeros.reverse()); // "reverso:" Array ["três", "dois", "um"]
// Obs.: a alteração é no array original!
console.log('numeros:', numeros); // "numeros:" Array ["três", "dois", "um"]

.filter()
Retorna um novo array baseado nas condições passadas.
Exemplo:

const palavras = ['nome', 'texto', 'maçã', 'caixote', 'coelho', 'presente'];
const array1 = palavras.filter(palavra => palavra.length > 6);
const array2 = palavras.filter(palavra => palavra.length === 2);
console.log(array1); // Array ["caixote", "presente"]
console.log(array2);// Array []

.forEach()
Executa um função para cada elemento do array.
Exemplo:

const array = ['a', 'b', 'c'];
array.forEach(elemento => console.log(elemento));
// "a"
// "b"
// "c"

Fontes:

Comentários