DEV Community

loading...
Cover image for Manipulando Arrays…

Manipulando Arrays…

Luis Enrique
If everything went right, it’s because nothing went wrong
Updated on ・3 min read

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)