Рубрики
Без рубрики

JavaScript foreach

ВВЕДЕНИЕ o JavaScript contém Diversas Estruturas de Repetição, E Uma Delas é O Foreach. O Foreach … Tagged с JavaScript.

Internução

O javascript contém estruturas de repetição, e Uma delas é o foreach. O foreach é utilizado para percorrer um array, que pode ser um array simples, ou um array de objetos.

Массив симплс

O Foreach Funciona da Seguinte Maneira, Partir de Um Array, Você USA O Foreach, E na prática, Ele receará Uma função para cada elemento do seu array. Essa Funcáo é Chamada de Funcáo de обратный вызов. Vamos ver ememplo:

let array_de_pessoas = ['João', 'Maria', 'José'];
array_de_pessoas.forEach((valorAtual, indice, array) => {
  console.log(`${valorAtual}, ${indice}, ${array}`);
  //irá imprimir o resultado no console:
  //João, 0, João,Maria
  //Maria, 1, João,Maria
});

Vamos Centender Melhor O que acontece nessa funcáo. NA Primeira Linha, Eu Tenho O Array de Pessoas no Qual Será Percorrido Pela Funcão Foreach. Na Linha 2 Eu Fazo o Array de Pessoas Chamar A Funcão Foreach, E Depois do Primeiro parênteses, é a Funcáo Que é Eraseada para cada Valor do Array, Funcáo de Callback.

Funcáo de Callback Pode Preceber Até 3 Parâmetros, E Eles não são obrigatórios, caso Queira, Pode utilizar Somente o Primeiro eano Passar Mais Nenhum.

O Primeiro Parâmetro, é o Valor Atradual, Esse Valor Vai Ser Cada Item Do Array, Nosso Exemplo, Temos Um Array Com 3 Posições, O Foreach Ele Vai Executer A Assim, на. Премира Vez Que Executor, O Nosso Valor Atually Conterá O Nome Do João, Na Segunda Terá Maria, E Na Terceira Hosé.

O Segundo é O índice, Todo Array, Tem um índice, Que é utilizado para marcar cada posição do array, e índice keyça semper em 0.

O Terceiro é o array propriamamente dito, caso você precise, você pode utilizar esse terceiro parâmetro para Realizar Algum Processamento Comses, Porém Normalmente niono é comum perciSar desse parâmetro.

EntãAO DESSA FORMA VOCE PODE PERCORRER TODO UM ARRAY, E Manipular Os Dados Desejados, E Com Esses Parâmetros Você pode utilizar melhor sua lógica para resolver deginado Проблема.

Массив де Обетес

Ос массивы de objetos são muito comuns, e há momentos que precisamos percorrer esses dados, e funciona da mesma maneira do массива, única diferença é que em cada posição, que seria o Valoratual, em vez de ter somente uma string, vai ter um objeto literal, e dessa forma você pode acessar cada posição do objeto, porememplo:

let pessoas = [
  {
    nome: 'Joao', 
    idade: 30
  }, 
  { 
    nome: 'Maria', 
    idade: 20 
  }
];
pessoas.forEach((pessoa, index, array) => { 
    console.log(`O nome é: ${pessoa.nome} e tem a idade ${pessoa.idade}`)
    //vai aparecer no console
    //O nome é: João e tem a idade 30
    //O nome é: Maria e tem a idade 20
});

Break Foreach, Parando O Loop

Há Momentos nos Quais você pode Querer Parar Aexutos de um Loop, Por Exemplo, Você está procurando por um valor dentro de um array, e quando você o acha, você não quer connuluar passando pelo loop, porque não precesa, porém Néao é Officevel Fazer Isso Com O Foreach Анкет

Caso Você точный Fazer Isso, é Evening Utilizar o Loop для Que com Ele é Offyvel Ter O Controle de Parada com o break.

Пуландо пара a próxima posição “продолжается”

Нет фореат, не возможно, продолжайте в том же душе Vai Parar A Execução naquela posição e vai para a próxima, por exemplo:

let pessoas = [
  {
    nome: 'Joao', 
    idade: 30
  }, 
  { 
    nome: 'Maria', 
    idade: 20 
  }
];
pessoas.forEach((pessoa, index, array) => { 
    if(idade > 25){
         return;
    }
    console.log(`O nome é: ${pessoa.nome} e tem a idade ${pessoa.idade}`)
    //vai aparecer no console
    //O nome é: Maria e tem a idade 20
});

Nesse Caso, O Foreach Pulou O João, porque ele temdade maior que 25, e então o foreach pulou essa posição no actray e foi Exemare A proóxima posição.

Para Sabre Mais

Caso você Queira ver uma explicação detalhada e comm examplo prático e Real que pode ser utilizado no dia-a-dia, gravei um vídeo que vou deixar aqui abaixo:

Заключение

O foreach é uma estrutura de repetição, que se bem utilizada, pode ser muito útil. SE ESTIVER PRECISANDO PERCORRER UM ARRAY PARA Realizar Algum Processamento e não esperar nenhum retorno, Essa é Uma opção Идеальное Para solucionar o seu Проблема. Espero Que Tenha Gostado, até o próximo post:)

См.

https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

Новостная рассылка

http://programandosolucoes.dev.br/assinar-a-newsletter/

Оригинал: “https://dev.to/vitorceron/javascript-foreach-ea3”

Читайте ещё по теме: