Я узнал, что a for выполняет итерацию по каждому элементу массива, даже если указанный регистр не существует, в то время как a forEach пропускает несуществующие регистры.

Более того, при for записи a должен быть указан счетчик (я не говорю об for...in этом), в то время как a forEach просто использует итератор функции.

Хорошо. Не могли бы вы ответить на четыре следующих вопроса, пожалуйста?

1. Действительно ли a forEach пропускает случаи несуществующих массивов, а a — for нет?
2. forEach Использует ли a счетчик intern (нам просто не нужно его писать)? Или это совершенно другой механизм, чем a for ?
3. В некоторых языках a forEach не проходит через массив в том же порядке, что и порядок массива. Как насчет JavaScript
4. Наконец, существуют ли другие различия между ними (исключая, конечно, грамматические / синтаксические)?

for Ключевое слово — это языковая конструкция, это самый быстрый и самый «сырой» способ перебора вещей. Он имеет три стиля:

1. C-стиль for : for ( initializer; condition; iterator ) { code... } — это самая гибкая и проверенная временем версия. Чтобы выполнить итерацию по списку, вы начинаете перебирать все индексы списка от 0 до длины списка. Вы также можете перейти к любому другому, третьему и т.д. элементу. В большинстве случаев этого достаточно.

2. Javascript for-in for (var key in object) { code ... } — это хороший способ перебрать каждый ключ в объекте, например, для вывода всех значений объекта JSON.

3. (ES2015) Javascript for-of : for (var item of collection) { code ... } — этот новый и доступен в современных браузерах. Это позволяет вам пропускать индексы и счетчики и позволяет просматривать каждый элемент коллекции. (Скажем, каждый объект в списке продуктов.) Он делает то же самое, что и For в стиле C, но проще в использовании.

Однако forEach функция специфична для Array объектов в Javascript и позволяет запускать функцию для каждого элемента в массиве. Хорошо, если у вас есть служебная функция, которая делает всю работу за вас.

Вот как использовать все вышеперечисленные виды итераций:

 // most plain kind of array with a length of 7
var myArray = [1, 2, 3, 4, 5, 6, undefined];
// a weird kind of array with no values between index 3 and 100
// its length is 102 
var mySparseArray = [1, 2, 3, 4];
mySparseArray[100] = 5;
mySparseArray[101] = 6;

// 1. C-style for
// ** can control how index is incremented
// ** needs an extra variable to iterate with
for (var i = 0; i < myArray.length; i  = 1) {
    console.log(myArray[i]);
    // logs 1, 2, 3, 4, 5, 6, undefined
}

for (var i = 0; i < mySparseArray.length; i  = 1) {
    console.log(myArray[i]); 
    // logs 1, 2, 3, 4, undefined, undefined, ... (up to index 100), 5, 6
} 

// 2. for..in
// ** keys are iterated over in non-guaranteed order
//    (you might get 2, "length", 1, 0, 3)
// ** all enumerable keys are included, that might include things other than indexes. 
for (var key in myArray) {
    console.log(myArray[key]);
    // logs 1, 2, 3, 4, 5, 6 
}

for (var key in mySparseArray) {
    console.log(mySparseArray[key]);
    // logs 1, 2, 3, 4, 5, 6
    // this for-loop "thinks" the array is an object with numbers for keys
}

// 3. for..of
// ** only available in browsers with ES2015 support
// ** supports many other things than Arrays - TypedArrays, Iterators...
for (var item of myArray) {
    console.log(item);
}

for (var item of mySparseArray) {
    console.log(item);
    // logs 1, 2, 3, 4, undefined, undefined, ... (up to index 100), 5, 6
}

// 4. forEach
// ** calls a function for each element (considered slow)
// ** supports only Arrays (unless you call it with Array.prototype.forEach.call)
function myCallback(element) {
  console.log(element);
}
myArray.forEach(myCallback); // logs 1, 2, 3, 4, 5, 6
mySparseArray.forEach(myCallback); // logs 1, 2, 3, 4, 5, 6
  

Обязательно попробуйте их в консоли разработчика вашего браузера! Вы можете увидеть каждый из приведенных выше фрагментов кода в действии.

Обязательно проверяйте ссылку MDN на итерациях.

Итак, когда вы говорите о for цикле, вы имеете в виду фактический for цикл, а не for...in (который не должен использоваться в массивах). Похоже, существует небольшое заблуждение, и позвольте мне начать с этого:

for Цикл не предназначен для перебора массивов. Не то, чтобы вы не должны или это плохо, но это не его основная функция — он буквально просто зацикливается до тех пор, пока не будет выполнено условие, после чего он останавливается. Наиболее распространенным синтаксисом является for (var i =0; i < max; i ) тот, который хорошо подходит для цикла массива, но это не значит, что вы не можете иметь, скажем, for (var i = 100; Number.isInteger(i); i = i/2) . Итак, с учетом сказанного, вот ответы на ваши вопросы:

1. forEach Пропускает ли отсутствующие элементы в массиве?

Ответ: Да

forEach это метод массива map , и наряду с reduce другими он пропускает неназначенные слоты. Это должно помочь в работе с разреженными массивами, например

 var arr = [];
arr[5] = "five";
arr[7] = "seven";
arr[10] = "ten";

console.log("---using forEach---");
arr.forEach(function(item) {
  console.log(item);
});

console.log("---using a for-loop---");
for (var i = 0; i < arr.length; i  ) {
  console.log(arr[i]);
}  

 var arr = [];
arr[5] = "five";
arr[42] = "the answer";
arr[9001] = "over nine thousand";

arr.forEach(function(item) {
  console.log(item);
});  

 var arr = [];
arr[5] = "five";
arr[7] = undefined;
arr[10] = "ten";

arr.forEach(function(item) {
  console.log(item);
});  

 var arr = [];
arr[5] = "five";
arr[42] = "the answer";
arr[9001] = "over nine thousand";

arr.forEach(function(item, index) {
  console.log(index, "-", item);
});  

 var alphabet = ["a", "b", "c", "d", "e", "f", "g" ];

alphabet.forEach(function(letter, index) {
  console.log(index, letter);
})  

 var arr = [];
arr[5] = "five";
arr[7] = "seven";
arr[10] = "ten";

for (item of arr) {
  console.log(item);
}