Циклы в JavaScript

Циклы в JavaScript похожие на петли в C + + и Java, и в большинстве других языков с помощью петли структур. В этом разделе вы найдете объяснения различных видов петель в JavaScript и предложения, где они, как правило, используются наиболее эффективно в сценарий.

Loop Для Loop

Одним из наиболее используемых и знакомые петли является для петель. Этот цикл итерации через последовательность выступлений в несколько раз определяется состоянием. Условие может быть основана на постоянном числовое буквальное (номер) или постоянными (то есть, математика константа), или цикл может быть переменными в зависимости от кол в переменную. Общий формат показано здесь:

  для (начала стоимости; прекращении состояния; инкремента / декремента) ( 
        Заявления  
        )

is the initial value of a counter variable. Начало стоимость первоначальной стоимости борьбе с переменной. В первый раз через петли, счетчик стоимость будет зависеть от начального значения. is a test to determine whether the counter variable has met the condition that terminates the loop. Прекращение состояния является тест для определения борьбы с переменными оправдывает условии, что завершает цикл. determines how much has been added or subtracted from the counter variable. Инкремента / декремента определяет, сколько было добавлено или вычитается из борьбы переменной. Как правило, используются для петли заключается в том, чтобы изучить символы в строке. Длина строки используется в качестве условия прекращения, и каждый характер, основывается на его линейной позиции в строке.

 <html>  
 <head>  
  <title> Для Loop </ TITLE>  
  <script language="JavaScript">  
  VAR найдено = "Адрес электронной почты отсутствует символа @.";  
  VAR emailAd = строка ( "Пожалуйста, введите Ваш адрес электронной почты :","");  
  для (VAR борьбе = 0; противодействия <= emailAd.length; противодействия + +) ( 
  / / The charAt (N), функция смотрит на символ "N" в строку  
              VAR findAt = emailAd.charAt (счетчик);  
                    если (findAt =="@") ( 
                                найдено = "адрес электронной почты @ символом";  
                    )  
  ) 
  document.write (найдено);  
  </ скрипт>  
  </ HEAD>  
  <body bgColor="powderblue">  
  </ BODY>  
  </ HTML>

Поскольку длина строки переменной, прекращение состояния используется длина строки, а не буквальное значение. В данном конкретном примере, все, что скрипт пытается сделать, это проверить, были ли пользователь вспомнил поставить в "@", когда она вступила свой адрес электронной почты.

Loop В / в Loop

Второй формат используется с по ключевому слову в цикле является для / в заявлении. Когда в / в заявлении используется, счетчик и прекращения определяются длины объекта. Общий формат показано здесь:

  за (против переменной в объект) ( 
        Утверждение  
  )

Вам не нужно знать количество свойств в объект, используя для / в силу заявления начинается с 0 в качестве начального значения переменной борьбы и прекращается цикл, когда все свойства объектов были исчерпаны. Например, с помощью массива объекта, после цикл начинается с первого элемента массива называется самолет, и держит до тех пор, пока воспроизведение не более элементы находятся в массиве:

 <html>  
 <head>  
  <title> Для Loop </ TITLE>  
  <script language="JavaScript">  
  VAR airFlock = "";  
  VAR самолет = новый Array ( "Сессна", "Пайпер", "Maule", "Mooney", "Боинг");  
  для (VAR борьбы в самолете) ( 
        airFlock + = самолета [счетчик] + "<br>";  
  )  
  document.write (airFlock); 
  </ скрипт>  
  </ HEAD>  
  <body bgColor="powderblue">  
  </ BODY>  
  </ HTML>

in JavaScript, each character of a string variable is a property of the variable. Поскольку переменные являются объектами в JavaScript, каждый характер строка переменной свойство переменной. Переписывающие сценарий, который используется для иллюстрации того, каким образом за цикл работ, следующих за / в цикле требует простого заявления для получения тех же результатов:

 <html>  
 <head>  
  <title> Поиск / В </ TITLE>  
  <script language="JavaScript">  
  VAR полный = "Вы отсутствует символ @ в адрес электронной почты.";  
  VAR emailAd = строка ( "Введите свой адрес электронной почты ","");  
  для (VAR борьбы в emailAd) ( 
        если (emailAd [счетчик ]=="@") ( 
              полная = "Вы включены ваш символ @.";  
        )  
  )  
  document.write (полное); 
  </ скрипт>  
  </ HEAD>  
  <body bgColor="aliceblue">  
  </ BODY>  
  </ HTML>

Использование в / в цикле в простых строк является столь же эффективной, как ее использовать и в других объектах, которые содержат свойства.

Loop Хотя Loop

Хотя цикл начинается с прекращением состояния и продолжает воспроизведение до окончания условие выполнено. Счетчик инициализации переменной и борьбы прироста / убыли рассматриваются в контексте, хотя заявление (то есть, в фигурные скобки), но они не являются частью первоначального заявление сам. Общий формат для петель в то время как показано здесь:

  первоначальная стоимость декларация  
  Хотя (прекращение условие) ( 
        заявления  
        инкремента / декремента заявление  
  )

До тех пор, как прекращение условие не соблюдено, то заявления выполняются и борьбы с переменной увеличение или уменьшение стоимости. Следующий пример иллюстрирует борьбу переменная decrementing с шагом 5:

 <html>  
 <head>  
  <title> Хотя Loop </ TITLE>  
  <script language="JavaScript">  
  VAR борьбе = 50;  
  VAR teamGroups = "";  
  Хотя (счетчик> 0) ( 
        teamGroups + = "Группа" + борьбе + "<br>";  
        борьбы -= 5;  
  ) 
  document.write (teamGroups);  
  </ скрипт>  
  </ HEAD>  
  <body bgColor="teal">  
  </ BODY>  
  </ HTML>

Вывод на экран, как показано:

  Группа 50  
  Группа 45  
  Группа 40  
  Группа 35  
  Группа 30  
  Группа 25  
  Группа 20  
  Группа 15  
  Группа 10  
  Группа 5

Тот факт, что ни одна группа 0 существует очень важно. Как только прекращение состояния вернулся булевой ложным, цикл был немедленно прекращен, и сценарий перепрыгнул через заявления в петли и казнен следующей строке. Если бы было условием прекращения этой группой 0 были бы включены в результаты:

  Хотя (счетчик> = 0) (

Loop Делать / в то время как Loop

executes statements in the loop in the first iteration of the loop. В отличие от в то время как петля, делать /, а петля всегда выполняет заявления в цикле в первом цикле. Вместо прекращения состояния время в верхней части петли, он находится на дне. Общий формат выглядит следующим образом:

  сделать ( 
          заявления  
          борьбы инкремента / декремента  
  Хотя) (прекращение состояния)

the curly braces beginning after the do keyword. Ключевые слова, в то время как за фигурные скобки после начала делать по ключевому слову. Поскольку массивы обычно используются с петлями, следующие показывает делать / в то время как цикл извлечения свойств массива:

 <html>  
 <head>  
  <title> ли Хотя Loop </ TITLE>  
  <script language="JavaScript">  
  VAR bigCities = новый Array ( "Пекин", "Токио", "Мехико", "Нью-Йорк", "Лос  
  Анджелес "," Лондон "," Берлин "," Блумфилд ")  
  VAR борьбе = 0;  
  VAR метрополию = "";  
  bigCities.sort ();  
  сделать ( 
        метрополия + = bigCities [счетчик] + "<br>";  
        борьбы с + +  
  Хотя) (против <bigCities.length)  
  document.write (метрополия); 
  </ скрипт>  
  </ HEAD>  
  <body bgColor="cornsilk">  
  </ BODY>  
  </ HTML>

Сортировка заявление, bigCities.sort (), ставит массив элементов в алфавитном порядке представлен массив находится в цикле. Затем цикл итерации до тех пор, пока счетчик переменная возвращает булевой ложных основанных на длине массива. Поскольку элементы были расположены в алфавитном порядке, то вывод будет в алфавитном порядке, как это показывает следующее:

  Пекин  
  Берлин  
  Блумфилд  
  Лондон  
  Лос-Анджелес  
  Мехико  
  Нью-Йорк  
  Токио

Статья, представленная Джорджем Freedrich