Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

JavaScript для заявления

<JavaScript Заявления Ссылка

пример

Петля через блок кода пять раз:

var text = "";
var i;
for (i = 0; i < 5; i++) {
    text += "The number is " + i + "<br>";
}

В результате текст будет:

The number is 0
The number is 1
The number is 2
The number is 3
The number is 4
Попробуй сам "

Больше "Try it Yourself" примеры ниже.


Определение и использование

Для постановки создает цикл, который выполняется, пока условие истинно.

Цикл будет продолжаться до тех пор, пока условие истинно. Это будет только остановить, когда условие становится ложным.

JavaScript поддерживает различные виды петель:

  • for - петли через блок кода несколько раз
  • for/in - перебирает свойства объекта
  • в while - петли через блок кода , пока заданное условие истинно
  • делать / в то время - петли через блок кода один раз, а затем повторяет цикл , пока заданное условие истинно

Совет: Используйте перерыв заявление , чтобы вырваться из петли и продолжить заявление , чтобы пропустить значение в цикле.


Поддержка браузеров

утверждение
for да да да да да

Синтаксис

Значения параметров
параметр Описание
statement1 Необязательный. Выполненная перед циклом (the code block) начинается. Обычно это выражение используется для инициализации переменной счетчика. Чтобы инициировать несколько значений, отделить каждое значение с запятой.

Примечание: Этот параметр может быть опущен. Однако, не опускать точку с запятой ";"
statement2 Необязательный. Определяет условие для запуска цикла (the code block) . Обычно это выражение используется для оценки состояния переменной счетчика. Если она возвращает истину, цикл начинается снова, если она возвращает ложь, то цикл завершится.

Примечание: Этот параметр может быть опущен. Однако, не опускать точку с запятой ";" , Кроме того, если опустить этот параметр, вы должны обеспечить разрыв внутри цикла. В противном случае цикл никогда не закончится, что приведет к сбою браузера
statement3 Необязательный. Выполненные каждый раз после того, как цикл (код блок) был выполнен. Обычно это выражение используется для увеличения или уменьшения переменной счетчика.

Примечание: Этот параметр может быть опущен (eg to increase/decrease values inside the loop) , (eg to increase/decrease values inside the loop)

Технические подробности

Версия JavaScript: 1,0

Примеры

Еще примеры

пример

Цикл по индексам массива, чтобы собрать имена автомобилей из массива автомобилей:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = 0; i < cars.length; i++) {
    text += cars[i] + "<br>";
}
Попробуй сам "

Пример выше объяснено:

  • Во- первых, мы устанавливаем переменную перед началом цикла (var i = 0;)
  • Тогда мы определим условие петли для запуска. До тех пор пока переменная меньше , чем длина массива (which is 4) , то цикл будет продолжаться
  • Каждый раз , когда цикл выполняется, переменная увеличивается на единицу (i++)
  • Как только эта переменная больше не меньше , чем 4 (array's length) , условие ложно, и цикл закончится

пример

Инициировать несколько значений в первом параметре:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i;
for (i = 0, len = cars.length, text = ""; i < len; i++) {
    text += cars[i] + "<br>";
}
Попробуй сам "

пример

Опускают первый параметр (set values before the loop starts) :

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) {
    text += cars[i] + "<br>";
}
Попробуй сам "

пример

Использование продолжают заявление - Loop через блок кода, но не показывать значение "3" :

var text = ""
var i;
for (i = 0; i < 5; i++) {
    if (i == 3) {
        continue;
    }
    text += "The number is " + i + "<br>";
}
Попробуй сам "

пример

Использование оператора BREAK - Loop через блок кода, но выйти из цикла , когда переменная я равен "3" :

var text = ""
var i;
for (i = 0; i < 5; i++) {
    if (i == 3) {
        break;
    }
    text += "The number is " + i + "<br>";
}
Попробуй сам "

пример

Опустить второй параметр. В этом примере мы также используем перерыв заявление , чтобы выйти из цикла , когда я равно «3» (если второй параметр опущен, то вы должны обеспечить разрыв внутри цикла. В противном случае цикл никогда не закончится, и ваш браузер будет авария):

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = 0; ; i++) {
    if (i == 3) {
        break;
    }
    text += cars[i] + "<br>";
}
Попробуй сам "

пример

Цикл по индексам массива, в порядке убывания (отрицательное приращение):

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = cars.length - 1; i >= 0; i--) {
    text += cars[i] + "<br>";
}
Попробуй сам "

пример

Опускают последний параметр, и приращение значения внутри цикла:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var len = cars.length;
for (; i < len;) {
    text += cars[i] + "<br>";
    i++;
}
Попробуй сам "

пример

Петля через узлы объекта NodeList и изменить цвет фона всех <p> элементов в списке:

var myNodelist = document.getElementsByTagName("P");
var i;
for (i = 0; i < myNodelist.length; i++) {
    myNodelist[i].style.backgroundColor = "red";
}
Попробуй сам "

пример

Пример вложенного цикла (a loop inside a loop) :

var text = "";
var i, j;

for (i = 0; i < 3; i++) {
    text += "<br>" + "i = " + i + ", j = ";

    for (j = 10; j < 15; j++) {
        document.getElementById("demo").innerHTML = text += j + " ";
    }
}
Попробуй сам "

Похожие страницы

JavaScript Учебник JavaScript Для Петля

JavaScript Ссылка: JavaScript для ... в Заявлении

Ссылка JavaScript: Заявление пролома JavaScript

JavaScript Ссылка: JavaScript продолжить заявление

JavaScript Ссылка: JavaScript в то время как заявление


<JavaScript Заявления Ссылка