배열 방법 - 감소

Chegamos a mais um post da minha em JavaScript.

No último post eu falei sobre o

No post de hoje irei falar um pouco sobre o metodo de arrayreduce .

메토도 리듀스

Reduce 항목은 배열을 실행해야 합니다.

Este metodo é utilizado quando baseado no array original, nos precisaremos reduzir o array a um tipo de dado.

Podemos reduzir um array em um objeto literal, uma string, um numero ou até mesmo um novo array.

Então, é importante entender que o reduce tem poder e versatilidade para gerar um output que não seja necessariamente um array.

Vamos começar com o exemplo mais simples para entender o reduce .

O 리시버는 인수를 줄이기 위해 다음을 수행합니다.

1: A função que será executada

2: O valor inicial do acumulador(어큐뮬레이터)

A função recebida, recebe 4 parametros, sendo 2 obrigatórios e 2 opcionais.

의무:

1: Accumulator, que é o acumulador, que receberá os dados.

2: Item, que é o item que está sendo iterado.

추천:

1: Index, que é o índice do item que está sendo iterado

2: 배열, 고유 배열 원본.

Temos um array de numeros e queremos obter a soma de todos esses numeros, fazendo com que esse array seja reduzido a um único número.

const numbers = [1, 2, 3]
const sumResult = numbers.reduce((accumulator, item) => accumulator + item, 0)

console.log(sumResult) // 6

실제와 같이 상상할 수 있는 현실, 상상할 수 있는 시간 배열 com várias pontuações de jogadores e queremos obter a soma de todos os pontos de um determinado jogador.

const scores = [
  { name: 'Vinicius Costa', score: 337 },
  { name: 'Roger Melo', score: 43 },
  { name: 'Alfredo Braga', score: 234 },
  { name: 'Pedro H. Silva', score: 261 },
  { name: 'Ana Paula Rocha', score: 491 },
  { name: 'Vinicius Costa', score: 167 },
  { name: 'Roger Melo', score: 137 },
  { name: 'Alfredo Braga', score: 135 },
  { name: 'Ana Paula Rocha', score: 359 },
  { name: 'Pedro H. Silva', score: 133 }
]

const alfredoScore = scores.reduce((accumulator, score) => {
  if (scores.name === 'Alfredo Braga') {
    accumulator += scores.score
  }
  return accumulator
}, 0)

console.log(alfredoScore) // 369

Agora vamos obter um output diferente, vamos obter uma string.

const cart = [
  { name: 'Dark Souls III', price: 95.03 },
  { name: 'Shadow of the Tomb Raider', price: 101.19 },
  { name: 'Sekiro: Shadows Die Twice', price: 179.99 },
  { name: 'Resident Evil 2', price: 119.90 },
  { name: 'Death Stranding', price: 149.99 }
]

const games = cart.reduce((accumulator, game) => {
  accumulator += `- ${game.name}\n`
  return accumulator
}, '')

console.log(games)

/*
- Dark Souls III
- Shadow of the Tomb Raider
- Sekiro: Shadows Die Twice
- Resident Evil 2
- Death Stranding
*/

Ficamos por aqui com mais um conteúdo dos meus estudos, vou deixar o link da documentação do site da MDN sobre o método reduce .


Esse foi mais um post da minha saga de estudos em JavaScript Vanilla. Espero que estejam gostando!

Qualquer dúvida ou sugestão, vocês me encontram nas minhas redes sociais:

GIthub