Есть способ сделать это там, где у вас очень мало скрытой области действия в вашем цикле и избавиться от лишних переменных.

var i = 0,
     item;

// note this is weak to sparse arrays or falsey values
for ( ; item = myStringArray[i++] ; ){ 
    item; // This is the string at the index.
}

Или если вы действительно хотите получить идентификатор и действительно классический цикл for:

var i = 0,
    len = myStringArray.length; // cache the length

for ( ; i < len ; i++ ){
    myStringArray[i]; // Don't use this if you plan on changing the length of the array
}

Современные браузеры поддерживают методы итератора forEach, map, reduce, filter и множество других методов в прототипе Array .

Если вы хотите использовать jQuery, он имеет хороший пример в своей документации:

 $.each([ 52, 97 ], function( index, value ) {
      alert( index + ": " + value );
 });

Intro

С моего времени в колледже я запрограммировал в Java, JavaScript, Pascal, ABAP , PHP, Progress 4GL, C / C ++ и, возможно, несколько других языки, о которых я не могу сейчас думать.

. Хотя у всех их есть свои лингвистические особенности, каждый из этих языков разделяет многие из тех же основных понятий. Такие понятия включают процедуры / функции, IF -статы, FOR -loops и WHILE -loops.

Традиционный for -луп

Традиционный цикл for состоит из трех компонентов:

1. Инициализация: выполняется перед тем, как блок look будет выполнен в первый раз
2. Условие: проверяет условие каждый раз перед цикл цикла выполняется и завершает цикл, если false
3. Последующая мысль: выполняется каждый раз после выполнения цикла цикла

Эти три компонента разделены друг от друга на символ ;. Содержимое для каждого из этих трех компонентов является необязательным, что означает, что наиболее минимальный цикл for возможен:

for (;;) {
    // Do stuff
}

Конечно, вам нужно будет включить if(condition === true) { break; } или if(condition === true) { return; } где-то внутри этого for -loop, чтобы заставить его перестать работать.

Обычно, хотя инициализация используется для объявления индекса, условие используется для сравнения этого индекса с минимальным или максимальным значением значение, а afterthought используется для увеличения индекса:

for (var i = 0, length = 10; i < length; i++) {
    console.log(i);
}

Использование традиционного цикла for для циклического перемещения по массиву

Традиционный способ массив, это:

for (var i = 0, length = myArray.length; i < length; i++) {
    console.log(myArray[i]);
}

Или, если вы предпочитаете петлю назад, вы делаете это:

for (var i = myArray.length - 1; i > -1; i--) {
    console.log(myArray[i]);
}

Однако существует множество вариантов, например, для например, этот:

for (var key = 0, value = myArray[key], length = myArray.length; key < length; value = myArray[++key]) {
    console.log(value);
}

... или этот ...

var i = 0, length = myArray.length;
for (; i < length;) {
    console.log(myArray[i]);
    i++;
}

... или этот:

var key = 0, value;
for (; value = myArray[key++];){
    console.log(value);
}

В зависимости от того, что лучше всего работает, в значительной степени зависит как от личного вкуса, так и от конкретного варианта использования.

Обратите внимание, что каждый из этих вариантов

[h27] [h27] while loop

Один из альтернатив цикла for - это цикл while. Для циклического прохождения массива вы можете сделать это:

var key = 0;
while(value = myArray[key++]){
    console.log(value);
}

Как и обычные петли for, петли while поддерживаются даже самым старым из браузеров.

Кроме того, обратите внимание, что цикл while может быть переписан в виде цикла for. Например, петля while здесь ведет себя точно так же, как это for -loop:

for(var key = 0; value = myArray[key++];){
    console.log(value);
}

For...in и for...of

In JavaScript, вы также можете сделать это:

for (i in myArray) {
    console.log(myArray[i]);
}

Это должно использоваться с осторожностью, однако, поскольку оно не ведет себя так же, как традиционный цикл for во всех случаях, и есть потенциал побочные эффекты, которые необходимо учитывать. См. . Почему использование & quot; для ... в & quot;

В качестве альтернативы for...in теперь есть и для for...of . ]. В следующем примере показана разница между циклом for...of и контуром for...in:

var myArray = [3, 5, 7];
myArray.foo = "hello";

for (var i in myArray) {
  console.log(i); // logs 0, 1, 2, "foo"
}

for (var i of myArray) {
  console.log(i); // logs 3, 5, 7
}

Кроме того, вам необходимо учитывать, что никакая версия Internet Explorer не поддерживает for...of ( Edge 12 + ) и что для for...in требуется, по меньшей мере, Internet & nbsp; Explorer & nbsp; 10.

Array.prototype.forEach()

Альтернатива for -loops Array.prototype.forEach() , который использует следующий синтаксис:

myArray.forEach(function(value, key, myArray) {
    console.log(value);
});

Array.prototype.forEach() поддерживается всеми современными браузерами, а также Internet & nbsp; Explorer & nbsp; 9 и более поздними версиями.

Библиотеки

Наконец, во многих библиотеках утилиты также есть свой вариант foreach. AFAIK, три наиболее популярных из них:

jQuery.each() , в jQuery :

$.each(myArray, function(key, value) {
    console.log(value);
});

_.each() , в Underscore.js :

_.each(myArray, function(value, key, myArray) {
    console.log(value);
});

_.forEach() , в Lodash.js :

_.forEach(myArray, function(value, key) {
    console.log(value);
});

var x = [4, 5, 6];
for (i = 0, j = x[i]; i < x.length; j = x[++i]) {
    console.log(i,j);
}

Много чище ...

Существует метод для итерации только собственных свойств объекта, не считая его прототипов:

for (var i in array) if (array.hasOwnProperty(i)) {
    // do something with array[i]
}

, но он все равно будет перебирать настраиваемые свойства.

В javascript any пользовательское свойство может быть назначено любому объекту, включая массив.

Если требуется итерация по разреженному массиву, следует использовать for (var i = 0; i < array.length; i++) if (i in array) или array.forEach с es5shim.

Да, но только если ваша реализация включает функцию for ... of, введенную в ECMAScript 2015 (релиз «Harmony»).

Это работает например:

// REQUIRES ECMASCRIPT 2015+
var s, myStringArray = ["Hello", "World"];
for (s of myStringArray) {
  // ... do something with s ...
}

Или еще лучше, поскольку ECMAScript 2015 также предоставляет переменные с блочным диапазоном через let и const:

// REQUIRES ECMASCRIPT 2015+
const myStringArray = ["Hello", "World"];
for (const s of myStringArray) {
  // ... do something with s ...
}
// s is no longer defined here

Многие разработчики JavaScript все еще работа в среде, которой еще нет, однако, особенно если писать код для работы в веб-браузерах, где разработчики сайта часто не могут быть уверены в том, какой браузер / версия будут использовать их клиенты.

Если вы может предположить, что интерпретатор JavaScript соответствует версии previous спецификации ECMAScript (которая исключает, например, версии Internet Explorer до 9), тогда вы можете использовать метод итератора forEach вместо петля. В этом случае вы передаете функцию, которая будет вызываться для каждого элемента массива:

var myStringArray = [ "Hello", "World" ];
myStringArray.forEach( function(s) { 
     // ... do something with s ...
} );

Но если даже это слишком много, чтобы предположить, и вы хотите что-то, что работает в , все версии JavaScript, тогда вам нужно использовать явный цикл подсчета. Самая безопасная версия, которая правильно обрабатывает разреженные массивы, выглядит примерно так:

var i, s, myStringArray = [ "Hello", "World" ], len = myStringArray.length;
for (i=0; i<len; ++i) {
  if (i in myStringArray) {
    s = myStringArray[i];
    // ... do something with s ...
  }
}

Присвоение значения длины локальной переменной (в отличие от включения полного выражения myStringArray.length в состоянии цикла) может существенно влияют на производительность, поскольку каждый раз пропускает поиск свойств; используя Rhino на моей машине, ускорение составляет 43%.

Вы часто увидите кеширование длины, выполненное в предложении инициализации цикла, например:

var i, len, myStringArray = [ "Hello", "World" ];
for (len = myStringArray.length, i=0; i<len; ++i) {

Синтаксис for ... in, упомянутый другими, предназначен для перемещение по свойствам объекта; поскольку Array в JavaScript - это просто объект с именами числовых свойств (и автоматически обновляемое свойство length), вы можете теоретически перебрать его через массив. Но проблема в том, что он не ограничивается численными значениями свойств (помните, что даже методы на самом деле являются просто свойствами, значение которых является замыканием), равно как и не перебирает их в числовом порядке. Поэтому синтаксис for ... in должен использоваться для not для циклического прохождения через массивы.