Precisa de um freelancer, códigos-fonte e exemplos completos?
Bem-vindo(a) ao meu site. Além de realizar alguns serviços como freelancer eu tenho alguns códigos-fonte e exemplos completos de Java, Delphi, PHP, Python, C/C++, Hibernate, JPA, Spring, JSP, Servlets, Ruby, Ruby On Rails e muitas outras linguagens e frameworks. Veja como falar comigo clicando aqui.
 
Arquivo de Códigos - Página Inicial
Códigos-fonte
» Códigos-fonte e exemplos completos
Linguagens
» ActionScript
» Adobe AIR
» Adobe Flex
» AJAX
» C
» C#
» C++
» CSS
» Delphi
» DHTML - Dynamic HTML
» HTML/XHTML
» Java
» JavaFX
» JavaScript
» Java Servlets
» JSP - Java Server Pages
» Perl
» PHP
» PHP-GTK
» Python
» Ruby
» Tcl/Tk
» VB.NET
Bancos de Dados
» IBM DB2
» MySQL
Frameworks
» CodeIgniter
» jQuery
» JSF - Java Server Faces
» Qt
» Ruby On Rails
» Struts
» Struts 2
» wxWidgets
» Zend Framework
Container/Servidor
» Apache Tomcat
» Apache Web Server
Ferramentas
» Apache Ant
» iTextSharp (iText#)
Referências
» CSS1 e CSS2
» JavaScript
Serviços On-Line
» Qual é meu IP?
» Tabela Cores HTML I
» Tabela Cores HTML II
» Lista de Mime Types
» Códigos Teclas Virtuais
Usuários On-Line
Visitantes: 104
PHP
O que há de novo no PHP 5?
40 dicas e truques sobre como trabalhar com datas e horas em PHP
60 dicas e truques sobre como trabalhar com strings e caracteres em PHP
PHP e a Orientação a Objetos - POO (Curso Completo)

DHTML
Curso completo de DHTML para iniciantes

CSS
Como definir uma imagem de fundo fixa na página
Definindo uma imagem de fundo para botões HTML
Você está aqui: Inicio -> JavaScript -> Curso Completo -> Entendendo loops (laços) e a instrução for
Parte 7 - Entendendo loops (laços) e a instrução for
Início do Curso - Entendendo loops (laços) e a instrução for

Todas as linguagens de programação têm as suas instruções para controlar o fluxo de execução. Até hoje todas as linguagens que aprendi têm instruções chamadas laços (loops). Se você ainda não conhece esta palavra, não importa. Laços são usados para executar trechos de códigos repetidamente até que uma condição seja satisfeita, ou o número de vezes definido esteja completo. Nesta parte do curso vamos dar uma olhada na instrução for, que é usada para executar um trecho de código um número determinado de vezes. Vamos ver alguns exemplos e em pouco tempo você estará bem familiarizado com esta instrução.


Vamos ver a seguinte situação: suponhamos que você queira escrever a mesma frase na sua página dez vezes. Isso é facilmente conseguido, usando o seguinte código JavaScript:

<script type="text/javascript">
<!--
  document.write('Esta é uma linha de texto<br>');
  document.write('Esta é uma linha de texto<br>');
  document.write('Esta é uma linha de texto<br>');
  document.write('Esta é uma linha de texto<br>');
  document.write('Esta é uma linha de texto<br>');
  document.write('Esta é uma linha de texto<br>');
  document.write('Esta é uma linha de texto<br>');
  document.write('Esta é uma linha de texto<br>');
  document.write('Esta é uma linha de texto<br>');
  document.write('Esta é uma linha de texto<br>');
//-->
</script>


Isso não é nada fácil.

Agora vamos ver como podemos usar a instrução for para executar a mesma ação. Vamos escrever o seguinte código:

<script type="text/javascript">
<!--
  var i;
  for(i = 1; i <= 10; i++){
    document.write('Esta é uma linha de texto<br>');
  }
//-->
</script>


Agora ficou muito melhor, não? Vamos entender a nossa instrução agora.

Primeiro nós criamos uma variável chamada i (você poderia ter dado qualquer nome). A seguir, começamos a escrever a função for, usando os seguintes elementos:

for() (ação a ser executada)
Aqui nós definimos o laço e abrimos os parênteses para escrevermos os parâmetros da nossa instrução. Observe que a ação a ser executada no loop deve estar dentro das chaves { }. Vamos ver agora os parâmetros a serem usados.

i = 1;
Aqui nós definimos o valor da variável i. Você deve sempre colocar o valor de 1 para esta variável, já que o loop deverá começar a partir do primeiro elemento.

i <= 10;
Esta é a parte mais importante do loop, já que aqui nós definimos os parâmetros principais da instrução. Esta parte do código quer dizer: "Enquanto a variável i for menor ou igual a 10, execute o trecho de código a seguir". É claro que você pode alterar tanto o nome da variável quanto o valor das vezes que o loop será executado.

i++
Neste trecho do código será acrescido um valor à variável, em em bom português quer dizer "todas as vezes que o laço passar aqui, faça o favor de acrescentar 1 a esta variável". Como o símbolo "++" significa incremento, o valor da variável será aumentado até que satisfaça o valor definido na instrução. Quando ele for atingido, o loop não mais será executado.

Observe também o uso do elemento <br> na linha de texto para fazer a quebra de linha e assim escrever na linha seguinte.

Vamos lá! Modifique o código e pratique bastante.

Próxima -> Levando a instrução for um pouco mais adiante
 
 
Arquivo de Códigos - Página Inicial

       

http://www.arquivodecodigos.net
:: Arquivo de Códigos - Softwares e Consultoria em Programação ::
Todo o conteúdo deste site, quando não devidamente observado, pertence a seus idealizadores e não
poderá ser usado para outras finalidades senão estudo e aprimoramento de técnicas de programação.
Certifique-se de ler as notas legais antes de proceder com o acesso e leitura do
conteúdo disponibilizado nestas páginas.

Fale Conosco: (62) 3261-7018 / (62) 8185-0734

Desenvolvedor Responsável: Osmar J. Silva

Página Inicial Contatos Pesquisar Mapa do Site