const array1 = ["a", "b", "c"];array1.forEach((element) => console.log(element));// Expected output: "a"// Expected output: "b"// Expected output: "c"

Примечание:Не существует способа остановить или прервать циклforEach() кроме как выбрасыванием исключения. Если вам необходимо такое поведение, методforEach() неправильный выбор.

Досрочное прекращение может быть достигнуто с:

• Простой циклfor
• Циклыfor...of /for...in
• Array.prototype.every()
• Array.prototype.some()
• Array.prototype.find()
• Array.prototype.findIndex()

Если нужно протестировать элементы массива на условие и нужно вернуть булево значение, вы можете воспользоваться методамиevery(),some(),find() илиfindIndex().

МетодforEach() выполняет функциюcallback один раз для каждого элемента массива; в отличие от методовevery() иsome(), он всегда возвращает значениеundefined.

const arraySparse = [1, 3, , 7];let numCallbackRuns = 0;arraySparse.forEach((element) => {  console.log(element);  numCallbackRuns++;});console.log("numCallbackRuns: ", numCallbackRuns);// 1// 3// 7// numCallbackRuns: 3// комментарий: как вы видите пропущенное значение между 3 и 7 не вызывало функцию callback.

const items = ["item1", "item2", "item3"];const copy = [];// доfor (let i = 0; i < items.length; i++) {  copy.push(items[i]);}// послеitems.forEach(function (item) {  copy.push(item);});

Примечание:Для отображения содержимого массива в консоли вы можете использоватьconsole.table(), который выводит отформатированную версию массива.

Следующий пример иллюстрирует альтернативный подход, использующийforEach().

function logArrayElements(element, index, array) {  console.log("a[" + index + "] = " + element);}// Обратите внимание на пропуск по индексу 2, там нет элемента, поэтому он не посещается[2, 5, , 9].forEach(logArrayElements);// логи:// a[0] = 2// a[1] = 5// a[3] = 9

function Counter() {  this.sum = 0;  this.count = 0;}Counter.prototype.add = function (array) {  array.forEach((entry) => {    this.sum += entry;    ++this.count;  }, this);  // ^---- Note};const obj = new Counter();obj.add([2, 5, 9]);obj.count;// 3obj.sum;// 16

Примечание:Если при передаче callback функции используетсявыражение стрелочной функции, параметрthisArg может быть опущен, так как все стрелочные функции лексически привязываются к значениюthis.

var THRESHOLD = 12;var v = [5, 2, 16, 4, 3, 18, 20];var res;res = v.every(function (element, index, array) {  console.log("element:", element);  if (element >= THRESHOLD) {    return false;  }  return true;});console.log("res:", res);// логи:// element: 5// element: 2// element: 16// res: falseres = v.some(function (element, index, array) {  console.log("element:", element);  if (element >= THRESHOLD) {    return true;  }  return false;});console.log("res:", res);// логи:// element: 5// element: 2// element: 16// res: true

function copy(o) {  var copy = Object.create(Object.getPrototypeOf(o));  var propNames = Object.getOwnPropertyNames(o);  propNames.forEach(function (name) {    var desc = Object.getOwnPropertyDescriptor(o, name);    Object.defineProperty(copy, name, desc);  });  return copy;}var o1 = { a: 1, b: 2 };var o2 = copy(o1); // теперь o2 выглядит также, как и o1

let words = ["one", "two", "three", "four"];words.forEach((word) => {  console.log(word);  if (word === "two") {    words.shift();  }});// one// two// four

function flatten(arr) {  const result = [];  arr.forEach((i) => {    if (Array.isArray(i)) {      result.push(...flatten(i));    } else {      result.push(i);    }  });  return result;}// Usageconst nested = [1, 2, 3, [4, 5, [6, 7], 8, 9]];flatten(nested); // [1, 2, 3, 4, 5, 6, 7, 8, 9]

// Шаги алгоритма ECMA-262, 5-е издание, 15.4.4.18// Ссылка (en): http://es5.github.io/#x15.4.4.18// Ссылка (ru): http://es5.javascript.ru/x15.4.html#x15.4.4.18if (!Array.prototype.forEach) {  Array.prototype.forEach = function (callback, thisArg) {    var T, k;    if (this == null) {      throw new TypeError(" this is null or not defined");    }    // 1. Положим O равным результату вызова ToObject passing the |this| value as the argument.    var O = Object(this);    // 2. Положим lenValue равным результату вызова внутреннего метода Get объекта O с аргументом "length".    // 3. Положим len равным ToUint32(lenValue).    var len = O.length >>> 0;    // 4. Если IsCallable(callback) равен false, выкинем исключение TypeError.    // Смотрите: http://es5.github.com/#x9.11    if (typeof callback !== "function") {      throw new TypeError(callback + " is not a function");    }    // 5. Если thisArg присутствует, положим T равным thisArg; иначе положим T равным undefined.    if (arguments.length > 1) {      T = thisArg;    }    // 6. Положим k равным 0    k = 0;    // 7. Пока k < len, будем повторять    while (k < len) {      var kValue;      // a. Положим Pk равным ToString(k).      //   Это неявное преобразование для левостороннего операнда в операторе in      // b. Положим kPresent равным результату вызова внутреннего метода HasProperty объекта O с аргументом Pk.      //   Этот шаг может быть объединён с шагом c      // c. Если kPresent равен true, то      if (k in O) {        // i. Положим kValue равным результату вызова внутреннего метода Get объекта O с аргументом Pk.        kValue = O[k];        // ii. Вызовем внутренний метод Call функции callback с объектом T в качестве значения this и        // списком аргументов, содержащим kValue, k и O.        callback.call(T, kValue, k, O);      }      // d. Увеличим k на 1.      k++;    }    // 8. Вернём undefined.  };}

Help improve MDN

This page was last modified on⁨24 июн. 2025 г.⁩ byMDN contributors.