DEV Community

Cover image for Manipulando Arrays…
Luis Enrique
Luis Enrique

Posted on • Updated on

Manipulando Arrays…

Existem várias formas de percorrer um array e que pode chegar a confundir um pouco as vezes, e hoje eu vou mostrar alguns métodos para podermos percorrer um array.

Array.forEach()

o método forEach() executa uma função para cada elemento do array.
No exemplo abaixo pra cada elemento do array será somado 1 ao valor original

const arr = [1, 3, 5, 7, 9];
arr.forEach(num => console.log(num+1))

// output: 2, 4, 6, 8, 10
Enter fullscreen mode Exit fullscreen mode

Array.map()

o método map() ele retorna um novo array como resultado da função.

Exemplo, digamos que eu queira saber a potência dos números dentro do array, o map irá percorrer cada item do array efetuando a conta da potência de cada valor e gerando um novo array com o resultado.

const arr = [1, 2, 4, 7];
const potencia = arr.map(num => Math.pow(num, 2))

console.log(potencia) //output: [ 1, 4, 16, 49 ]
Enter fullscreen mode Exit fullscreen mode

Array.filter()

o método filter() como o próprio nome já diz, ele filtrará o array, retornando um novo array contendo apenas os valores coincidentes com a condição

const arr = [2, 4, 7, 6, 9];
const par = arr.filter(num => num % 2 === 0)

console.log(par) //output: [ 2, 4, 6 ]
Enter fullscreen mode Exit fullscreen mode

Array.find()

O método find() irá retornar o valor do primeiro elemento que satisfazer a condição
caso não ache, retornará undefined

const arr = [10, 18, 14, 16, 20];
const maior = arr.find(num => num > 15 )

console.log(maior) //output: 18

console.log(arr.find(num => num > 100 ))
//output: undefined
Enter fullscreen mode Exit fullscreen mode

Array.some()

o método some() retorna um booleano, parando sempre na primeira condição satisfatória e caso seja, retornará true, se não false

const arr = [
  { nome: 'Enrique', idade: 21 },
  { nome: 'Isa', idade: 10 },
  { nome: 'Eloah', idade: 16 },
]

const maiorIdade = arr.some(pessoa => pessoa.idade > 15)
console.log(maiorIdade) //true
Enter fullscreen mode Exit fullscreen mode

Array.every()

O método every() igual que o some() também retorna um booleano porém ele irá verificar em TODOS os objetos para ver se a condição é satisfeita

pegando o array do exemplo do some(), verificamos se as pessoas tem a idade superior a 15 anos sendo assim ele só para quando verificar em todos os objetos.

No exemplo abaixo ele retornará false porque nem todos os objetos de pessoa tem a idade maior do que 15.

const maiorIdade = arr.every(pessoa => pessoa.idade > 15)
console.log(maiorIdade) //false
Enter fullscreen mode Exit fullscreen mode

Porém, se modificarmos a idade de Isa para 17

const arr = [
  { nome: "Enrique", idade: 21 },
  { nome: "Isa", idade: 17 },
  { nome: "Eloah", idade: 16 },
];
Enter fullscreen mode Exit fullscreen mode

nós temos como resultado

const maiorIdade = arr.every(pessoa => pessoa.idade > 15)
console.log(maiorIdade) //true
Enter fullscreen mode Exit fullscreen mode

Array.sort()

O método sort() ordena os elementos do array e retorna o mesmo.

  const arr = [ 9, 10, 3, 7, 8 ]
  const arr2 = [ 'f', 'j', 'a', 'e', 'z' ]

  const asc = arr2.sort((indx, val) => indx > val ? 1 : -1)
  const desc = arr.sort((indx, val) => indx > val ? -1 : 1)

  console.log(asc) //output: ["a", "e", "f", "j", "z"]
  console.log(desc) //output: [10, 9, 8, 7, 3]
Enter fullscreen mode Exit fullscreen mode

Array.join()

o método join() juntará todos os elementos de um array e retornará como string.

const arr = ['uni', 'duni', '']

console.log(arr.join()) //output: 'uni,duni,tê'
console.log(arr.join('')) //output: 'unidunitê'
console.log(arr.join('-')) //output: 'uni-duni-tê
Enter fullscreen mode Exit fullscreen mode

mas caso seja passado um valor undefined ou null retornará uma string vazia

const arr = ['uni', null, '']

console.log(arr.join()) //output: 'uni,,tê'
console.log(arr.join('')) //output: 'unitê'
console.log(arr.join('-')) //output: 'uni--tê'
Enter fullscreen mode Exit fullscreen mode

Array.includes()

O método includes() verifica se um array contem um determinado elemento, retornando true ou false

const arr = [2, 4, 6, 8, 10]

console.log(arr.includes(8)) //output: true
console.log(arr.includes(0)) //output: false
Enter fullscreen mode Exit fullscreen mode

Array.concat()

O método concat() retorna um novo array com todos os array/valores passados como parâmetro

const arr1 = [1, 2, 3, 4, 5]
const arr2 = [6, 7, 8, 9, 10]

const newArr = arr1.concat(arr2)

console.log(newArr) //output: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
Enter fullscreen mode Exit fullscreen mode

Fim!

E ai curtiu ? Então passa la no meu perfil, e da uma olhada nos demais artigos 😄

fim

Discussion (0)