forEach для работы с массивами

Question

Это аналог работы метода forEach. Метод forEach, как известно, может принимать следующие параметры (callback[, thisArg]). Вот функция, которая является аналогом данного метода.

Как добавить еще и параметр thisArg (Необязательный параметр. Значение, используемое в качестве this при вызове функции callback)?

var array = [1, 2, 3, 4, 5, 6];
console.log(customForEach(array, func));
function customForEach(src, callback) {
  for (var i = 0; i < src.length; i++) {
    callback(src[i], i, src);
  }
}
function func(item, i, arr) {
  console.log(i + ' Элемент: ' + item + '(массив ' + arr + ')');
}

console.log(customForEach(array, func)); - Что Вы ожидаете увидеть в консоли? — , Nov 29 '16 at 16:44
что-то по типу callback.call(thisArg, src[i], i, src). Функцию вызвать в нужном контексте - методы apply и call, думаю причина вопроса в незнании что такое есть) — Утка Учится Укрываться, Nov 29 '16 at 16:46
@УмеренноУпоротаяУтка Читаю MDN и не могу понять) Пытаюсь разобраться на конкретном примере. — ra.chobanyan, Nov 29 '16 at 16:56
заодно можно посмотреть ответы на вопрос: потеря контекста вызова — Grundy, Nov 29 '16 at 16:57
@Igor для первого элемента массива "0 Элемент: 1(массив 1,2,3,4,5,6)" и так далее. — ra.chobanyan, Nov 29 '16 at 17:00

score 2 · Answer 1 · edited Apr 13 '17 at 12:53

При использовании функций call и apply можно задать значение this напрямую, передав его первым параметром.

Разница между этими методами в способе передачи параметров:

Если количество параметров известно заранее, то проще использовать функцию call, в которой параметры вызываемой функции указываются через запятую
```
callback.call(thisArg, src[i], i, src);
```
Если список параметров собирается динамически, то лучше использовать apply, которая вторым параметром принимает array-like объект либо массив с передаваемыми параметрами.
```
callback.apply(thisArg, [src[i], i, src]);
```

Пример:

var o = {
  a: 1,
  b: 2,
  c: 3
}
console.log('Пример с передачей this');
customForEach(Object.keys(o), func, o);
var array = [1, 2, 3, 4, 5, 6];
console.log('Пример без передачи this');
customForEach(array, func2);
function customForEach(src, callback, thisArg) {
  for (var i = 0; i < src.length; i++) {
    callback.call(thisArg, src[i], i, src);
  }
}
function func(item, i, arr) {
  console.log(i + ' Элемент: ' + item + '(массив ' + arr + ')' + ', значение: ' + this[item] + '(this:' + JSON.stringify(this) + ')');
}
function func2(item, i, arr) {
  console.log(i + ' Элемент: ' + item + '(массив ' + arr + ')');
}

.as-console-wrapper {
  top: 0;
  max-height: 100% !important;
}

Подробнее про смену контекста можно узнать в вопросе:

Потеря контекста вызова

forEach для работы с массивами

1 Answers1