Criar Web, manuais e recursos para desenvolvimento web
Manuais
Programas
FAQS
Diretório
Comunidade
  Inicio > Manuais > Programação em Javascript
SEÇÕES
Manuais relacionados
+Programação em Javascript
Categorias
+Javascript

Índice do Manual Programação em Javascript
+ Introdução à Javascript
+ Algo de história
+ Diferenças entre Java e Javascript
+ Antes de começar
+ Versões de navegadores e de Javascript
+ Efeitos rápidos com Javascript
+ A linguagem Javascript
+ Maneiras de executar script
+ Ocultar scripts em navegadores antigos
+ Mais sobre colocar scripts
+ Sintaxe Javascript
+ Variáveis Javascript
+ Âmbito das variáveis
+ O que podemos salvar em variáveis
+ Tipos de dados em Javascript
+ Operadores Javascript I
+ Operadores Javascript II
+ Operadores Javascript III
+ Controle de tipos
+ Estruturas de controle
+ Estrutura IF
+ Estrutura IF (parte II)
+ Estrutura SWITCH
+ Loop FOR
+ Loops WHILE e DO WHILE
+ Break e Continue
+ Loops aninhados em Javascript
+ Funções em Javascript
+ Onde colocamos as funções
+ Parâmetros das funções
+ Valores de retorno
+ Arrays em Javascript
+ Longitude dos Arrays
+ Arrays multidimensionais
+ Pausa e conselhos Javascript
+ Tratamento de erros em Javascript

Descrição dos capítulos

Parceiros
- CSS para Web Design
- S.O.S Designers
- Slackware-Brasil
- Crie seu Web site
- Oficina da Net


Loop FOR

Descrição e exemplos de funcionamento do loop FOR.


O loop FOR se utiliza para repetir mais instruções um determinado número de vezes. Entre todos os loops, o FOR costuma ser utilizado quando sabemos ao certo o número de vezes que queremos que seja executada a sentença. A sintaxe do loop se mostra a seguir:

for (iniciação;condição;atualização) {
    sentenças a executar em cada repetição
}

O loop FOR tem três partes incluídas entre os parênteses. A primeira é a iniciação, que se executa somente ao começar a primeira repetição do loop. Nesta parte costuma-se colocar a variável que utilizaremos para levar a conta das vezes que se executa o loop.

A segunda parte é a condição, que se avaliará cada vez que comece a repetição do loop. Contém uma expressão para comprovar quando se deve deter o loop, ou melhor dizendo, a condição que se deve cumprir para que continue a execução do loop.

Por último temos a atualização, que serve para indicar as mudanças que quisermos executar nas variáveis cada vez que termine a interação do loop, antes de comprovar se se deve seguir executando.

Depois do for se colocam as sentenças que queremos que se executem em cada repetição, limitadas entre chaves.

Um exemplo de utilização deste loop pode ser visto a seguir, onde se imprimirão os números do 0 ao 10.

var i
for (i=0;i<=10;i++) {
    document.write(i)
}

Neste caso se inicia a variável i a 0. Como condição para realizar uma repetição, tem de se cumprir que a variável i seja menor ou igual a 10. Como atualização se incrementará em 1 a variável i.

Como se pode comprovar, este loop é muito potente, já que em uma só linha podemos indicar muitas coisas distintas e muito variadas.

Por exemplo, se queremos escrever os número do 1 ao 1.000 de dois em dois, será escrito o seguinte loop:

for (i=1;i<=1000;i+=2)
    document.write(i)

Se observarmos, em cada repetição atualizamos o valor de i incrementando-lhe em 2 unidades.

Outro detalhe: não utilizamos as chaves englobando as instruções do loop FOR porque só tem uma sentença e neste caso não é obrigatório, tal como acontecia com as instruções do IF.

Se quisermos contar decrescentemente do 343 ao 10 utilizaríamos este loop.

for (i=343;i>=10;i--)
    document.write(i)
}

Neste caso decrementamos em uma unidade a variável i em cada repetição.

Exemplo

Vamos fazer uma pausa para assimilar o loop for com um exercício que não implica nenhuma dificuldade se entendemos o funcionamento do loop.

Trata-se de fazer um loop que escreva em uma página web os cabeçalhos desde <H1> até <H6> com um texto que ponha "Cabeçalho de nível x".

O que desejamos escrever em uma página web mediante Javascript é o seguinte:

<H1>Cabeçalho de nível 1</H1>
<H2>Cabeçalho de nível 2</H2>
<H3> Cabeçalho de nível 3</H3>
<H4> Cabeçalho de nível 4</H4>
<H5> Cabeçalho de nível 5</H5>
<H6> Cabeçalho de nível 6</H6>

Para isso, temos que fazer um loop que comece em 1 e termine em 6 e em cada repetição escreveremos o respectivo cabeçalho.

for (i=1;i<=6;i++) {
    document.write("<H" + i + ">Cabeçalho de nível " + i + "</H" + i + ">")
}


Este script pode ser visto em funcionamento aqui.

Autoria e outras referências sobre este artigo

Manuais relacionados com este artigo
Dentro de Programação em Javascript

Categorias relacionadas
Através das categorias do nosso diretório podem ser encontrados outros tipos de recursos relacionados com este artigo:
+ Entrar em Javascript


Comentário sem rever
Entre os comentários não revistos podem ter alguns interessantes que tenham sido enviado recentemente.
 Foi encontrado um comentário sem rever

VerVer os comentários não revistos



Sobre nós | Copyright | Anuncie | Entrar em contato <criarweb>

Hospedado por Hostnet Hospedagem de Sites