Instrugées: For e While nstrugées FOR Nesta segao, apresentarei as instrugdes “for’ em JavaScript, uma — ferramenta poderosa para realizar iteragGes em arrays. O “for” é amplamente utilizado na programacao e oferece uma maneira eficiente de percorrer e manipular elementos de um array. A sintaxe do “for” 6 composta por trés partes: condigao de inicializagao, a condigao de teste e o incremento/decremento. Essas partes sdo colocadas entre parénteses e separadas por ponto-e-virgula. O bloco de cédigo a ser executado em cada iteragao é delimitado por chaves. Vamos comegar com um exemplo pratico utilizando um array de carros. Cada carro 6 representado por um objeto contendo informagées como ID, modelo, marca, prego e data de criagao. Nosso objetivo sera percorrer esse array e obter o prego de cada carro. Para isso, utilizaremos uma varidvel de controle chamada ‘7’. Inicializaremos essa varidvel com o valor zero e definiremos a condigao de teste: enquanto “i for menor que o tamanho do array de carros, continuaremos a iteragao. A cada iteragao, adicionaremos 1 ao valor de "i’ usando o operador de incremento Dentro do loop, teremos acesso ao preco de cada carro e poderemos realizar diversas agdes com esses > [na tela. Ao Proxima aule Strings ou realizado final das iteragées, teremos outras operagdes desejadaAlém disso, exploraremos outras formas de iteragéio, como 0 “forin” e 0 “forof” Essas instrug6es oferecem abordagens diferentes para acessar os e. ® atos do array, proporcionando mais flexibilidade e facilitando 0 trabalho com estruturas de dados complexas. E importante ressaltar que no existe uma Unica forma correta de utilizar o “for. A escolha da abordagem adequada dependerd do contexto e dos objetivos do seu cddigo. Por isso, é fundamental compreender as diferentes opsdes e saber aplicd-las conforme a situagao. Esta introdugdo as instrugées “for’ em JavaScript 6 apenas o comego. Em seguida, aprofundaremos ainda mais esse tema, abordando exemplos prdticos e explorando outras funcionalidades dessa poderosa estrutura de controle. Fique atento para os préximos contetidos, onde continuaremos a explorar os recursos e possibilidades das instrugdes “for. N&o deixe de praticar e experimentar por conta propria, pois isso ajudar4 a aprimorar suas habilidades em programagao com JavaScript” Agora, vou apresentar alguns exemplos de cédigo para ilustrar as instrugdes "for": Exemplo 1: Iteragéo em um array de carros const carros = { id: 1, modelo: “Corsa” marca: “Chevrolet, preco: 45000, dataCriacao: "01/01/2022" }, { id: 2, modelo: “Pur x dataCriacao: “01/02/2022" }, Proxima aule Strings{ id: 3, modelo: "Gol’, marca: “Volkswagen’, preco: 40000, dataCriacao: “01/03/2022” } let totalPrecos = 0; for (let i = 0; i < carros.length; i) { const carro = carros[i]; totalPrecos += carro.preco; console log("Total dos precos dos carros:" totalPrecos); Neste exemplo, temos um array de carros representado pela variavel carros. Utilizamos um loop “for’ para percorrer cada elemento do array e acessar a propriedade preco de cada carro. A cada itera¢éo, somamos 0 pre¢o ao valor da variavel totalPrecos. No final, exibimos o total dos pregos dos carros no console. Exemplo 2: Iteracdo usando “forin’ e "forof” const carros = ["Corsa’, “Punta’, “Gol"]; console.log(“Iteragao usando forin:”); for (let indice in carros) { console.log("“indice:" indice “voter” ->n Proxima aula } Strings console.log(“Iteragao usando forof:”);for (let carro of carros) { console.log(“Valor:, carro); Neste exemplo, utilizamos 0 loop “forin” para percorrer os indices do array carros e exibir tanto o indice quanto o valor correspondente. Em seguida, usamos 0 loop “forof” para iterar diretamente sobre os valores do array, sem a necessidade de acessé-los pelos indices. Esses so apenas alguns exemplos de como utilizar as instrugdes “for” em JavaScript. Lembre-se de praticar e experimentar por conta prdpria para aprimorar suas habilidades nessa estrutura de controle. Mao na massa usando FOR Mergulharemos no uso do “for’ em JavaScript e colocaremos a mao na massa para compreender seu funcionamento na pratica. O “for” é uma ferramenta poderosa que nos permite percorrer e manipular elementos em um array de maneira eficiente. Através de exemplos e exercicios, vocé podera experimentar 0 uso do “for’ em situag6es reais e aprimorar suas habilidades de programacao. Parte 1: Iteracao com “forin’: Vamos comegar explorando o “forin’, uma forma de iteragdo que nos permite acessar os atributos de um objeto. Veja o exemplo abaixo: const carro = { modelo: ‘Audi A3; x Préxima aula Strings marca: ‘Audi,ano: 2020 for (let caracteristica in carro) { console.log(caracteristica + ':’ + carro[caracteristica]); Nesse cédigo, utilizamos o “forin’ para percorrer cada atributo do objeto “carro” e exibir seu valor no console. Isso nos permite acessar e manipular os dados do objeto de forma conveniente. Experimente adicionar mais atributos ao objeto e observe como o “forin” percorre cada um deles. Parte 2: Adicionando Objetos a um Array: Agora, vamos aprender a trabalhar com arrays de objetos e iterar sobre eles usando o “forin’: Considere o exemplo a seguir: const carros = [ { modelo: Audi A3; marca: Audi, ano: 2020 }, { modelo: Jeep Compact; marca: Jeep; ano: 2021} for (let indice in carros) { console.log(‘Carro ’ + (parselnt(indice) + 1) + “’); for (let atributo in carroslin psa aue x Strings console.log(atributo + ':’-Nesse caso, temos um array chamado “carros” que contém dois objetos representando carros diferentes. Utilizamos o “forin” para percorrer cada objeto do array e exibimos suas caracteristicas no console. Observe como o “forin’ nos permite acessar cada atributo dos objetos individualmente. Percebemos como essa estrutura de controle nos permite percorrer e manipular objetos e arrays com facilidade. Instrugao while e do while Agora, vamos abordar 0 while e 0 do-while em JavaScript, duas instrugées fundamentais que devemos conhecer. E importante ressaltar que esses conceitos se aplicam nao apenas ao JavaScript, mas também a outras linguagens de programagdo. Ao compreendermos 0 funcionamento do while e do do-while, estaremos adquirindo conhecimentos valiosos que poderao ser aplicados em diversas situagdes. Vamos entender a sintaxe e a ldgica por tras dessas estruturas de controle. 1-Owhile O while é uma instrugado de repeti¢ao que executa um bloco de cdédigo enquanto uma condigao especificada for verdadeira. Vejamos a sintaxe do while: while (condicao) { I bloco de cédigo a ser ex —Préxima aule StringsNo exemplo a seguir, temos a condicdo e < 10. Se essa condicdo for verdadeira, 0 bloco de cédigo sera executado repetidamente. Obse! ® omo 0 valor da varidvel e é incrementado a cada iteragado, gerando uma sequéncia de numeros até que a condigao seja falsa. let e = 0; while (e < 10) { let texto = 'O numero é’ + e; console.log(texto); e+; No cédigo acima, comegamos com e = 0 e, a cada iteracao, incrementamos o valor de e em 1. Enquanto e for menor que 10, 0 bloco de cédigo dentro do while sera executado. Esse loop continuara até que e seja igual a 10, momento em que a condi¢o se torna falsa e a execucdo é encerrada. 2-Odo-while O do-while 6 uma variagao do while. A diferenga fundamental é que o bloco de cédigo é executado pelo menos uma vez, independentemente da condigao ser verdadeira ou falsa. Vejamos a sintaxe do do-while: do{ || bloco de cédigo a ser executado Proxima aule } while (condicao); StringsNo exemplo abaixo, o bloco de cédigo ser executado pelo menos uma vez antes que a condic&o seja avaliada. Se a condic¢do for verdadeira, o b. ® sera executado repetidamente. Caso contrdrio, a execugdo sera encerrada. let resultado ="; let e = 0; do{ resultado += ‘Numero’ +e +','; ett; } while (e < 5); console.log(resultado); No cédigo acima, independentemente da condi¢ao ser verdadeira ou falsa, o bloco de cédigo seré executado pelo menos uma vez. No exemplo, adicionamos o valor de e ao resultado a cada iteragdo e incrementamos seu valor. Nesse caso, 0 bloco é executado até que e seja igual a 5. Compreendemos a ldgica e a sintaxe do while e do do-while em JavaScript. Essas estruturas de controle nos permitem criar loops com base em condigées especificas, proporcionando flexibilidade e controle no fluxo de execugao do programa. Continuaremos explorando o uso do while e do do- while e veremos exemplos praticos e situagées mais complexas. Mao na massa usando while e do while Nesta etapa da nossa jorn anto de nos Proxima auls aprofundarmos no IEW de strings ycarmos em pratica 0 que aprendemo habilidades codificando. Vamos aproveitar ao maximo essa oportunidade e comegar aprogramar na nossa IDE. Antes de mergulharmos no IEW, faremos uma breve explanac&o sobre o uso do For Off, que nos permite acessar cada « ® ento de um array. Vamos dar uma olhada! O For Off: O For Off é uma forma conveniente de percorrer os itens de um array em JavaScript. Podemos utilizar essa estrutura para realizar tarefas especificas em cada elemento do array. A sintaxe é simples: for (const item of array) { || bloco de cédigo a ser executado No exemplo a seguir, vamos imprimir 0 ano de cada carro presente no array de carros. Ao utilizar for (const carro of carros), temos acesso a cada item do array e, em seguida, podemos acessar a propriedade desejada. Veja o cédigo: const carros = [ { modelo: ‘Audi A3; marca: ‘Audi, ano: 2020 }, { modelo: ‘Compact; marca: Jeep; ano: 2021} for (const carro of carros) { console.log(carro.ano); Proxima auls } StringsNo exemplo acima, utilizamos a notag3o carro.ano para acessar a propriedade “ano” de cada objeto do array. A cada iteracdo, o ano ® arto. correspondente é impresso no console. Essa é uma forma eficiente de acessar propriedades especificas de cada item do array. Agora, vamos explorar o do-whi O do-while é uma estrutura de controle semelhante ao while, com a diferenca de que o bloco de cédigo é executado pelo menos uma vez, independentemente da condigao ser verdadeira ou falsa. Vejamos a sintaxe: do{ // bloco de cddigo a ser executado } while (condicao); No exemplo a seguir, utilizaremos 0 do-while para imprimir os valores de C enquanto C for menor ou igual a 10. A cada iteragao, o valor de C é incrementado em 1. letC do{ console.log@; C+; } while (C <= 10); No cédigo acima, o bloco d x imeiro e, em seguida, a condigdo é verif Proxima aule a 10, 0 loop a Strings continuaré a ser executado. ose tornara falsa ea execucdo sera encerrada.Nesta parte do nosso estudo, exploramos o IEW do IEW e conhecemos o do- while em JavaScript. Ao colocarmos as maos na massa e pratic ® »5 a codificago, ganhamos confianga e habilidade nessa linguagem. Continuem praticando e aprofundando seus conhecimentos, pois ainda temos muito a aprender juntos. Contetido Bonus Titulo do livro: ‘JavaScript - Guia do Programador: Guia completo das funcionalidades de linguagem JavaScript’ Autor: Mauricio Samy Silva O objetivo dessa indicagaio é fornecer uma referéncia abrangente em formato de livro para aprofundar o conhecimento sobre programacao em JavaScript, incluindo as instrugdes “while” e “do-while” O livro ‘JavaScript - Guia do Programador’ oferece explicagées detalhadas, exemplos praticos e insights valiosos sobre as funcionalidades da linguagem JavaScript. Ao utilizar esse livro como contetido adicional, vocé aprofundara seus conhecimentos sobre programagao em JavaScript, compreendera as instrugdes “while” e “do- while” e explorara outras funcionalidades da linguagem para desenvolver habilidades de programagao mais avangadas. Referéns Bibliografica FLANAGAN, David. JavaScript: O Guia Definitivo. 6* Ed. Porto Alegre: Bookman, 2013. x Préxima aula FREEMAN, Eric. Use acak Strings . S40 Paulo: Alta Books, 2016.Titulo da Pratica: Estrutura de repeticao Objetivos: Compreender a implementagao de repetigao Materi: Visual Studio Code is, Métodos e Ferramentas: Para realizar esta pratica vamos utilizar 0 Pratica Imagine que vocé esta desenvolvendo um programa em JavaScript para calcular a soma dos elementos de um array de nuimeros. Sua tarefa é escrever um cédigo que utilize a estrutura ‘do while’ em conjunto com o método ‘reduce’ para realizar essa soma. O programa deve comegar recebendo um array de numeros como entrada. Em seguida, sera necessario declarar uma varidvel chamada ‘sum’ e inicializé- la com o valor zero. Essa varidvel sera responsavel por armazenar a soma acumulada dos elementos do array. Apés a inicializagao da varidvel ‘sum, vocé precisaré definir um indice inicial, que sera utilizado no loop ‘do while: O indice deve ser inicializado com zero, indicando que a primeira iteragao do loop comegara pelo primeiro elemento do array. Dentro do loop, vocé utilizaré 0 método ‘reduce’ para realizar a soma acumulativa. Esse método recebe uma fungdo de callback que, a cada iteragao, adiciona o valor do elemento atual ao valor acumulado. A fungao de callback também verifica se o indice atual é menor ou igual ao indice definido anteriormente, para garan x indice atual Proxima auls sejam somados. StringsApés cada iteragao do loop, o indice é incrementado em uma unidade. O loop continuara até que o indice seja igual ao comprimento total do arre ® que indica que todos os elementos foram somados. Por fim, 0 programa exibiré a mensagem ‘A soma dos ntimeros é:; seguida pelo valor final da varidvel ‘sum, que representa a soma total dos elementos do array. Em resumo, seu cédigo deve utilizar a estrutura ‘do while’ e o método ‘reduce’ para calcular a soma dos ntimeros em um array. Essa solucdo permite uma abordagem eficiente e concisa para resolver esse problema especifico. Boa sorte! Resolugdo /] Array de ntimeros const numbers = [1, 2, 3, 4, 5]; /| Naridvel para armazenar a soma let sum = 0; 11 indice inicial para o reduce let index = 0; // Executa o reduce utilizando do while do{ sum = numbers.reduce((a‘—_Préxima aule Strings u v if (currentindex <= index) ,return accumulator + currentValue; yelse { return accumulator; }, sum); index++; } while (index < numbers.length); console.log(A soma dos ntimeros é: sum); Ir para exercicio Proxima aule Strings