Внимание: это не вопрос о том, как решить задачу симметричной разности. Это вопрос про Array.prototype.reduce и как она работает.
Выполнял задания на freecodecamp, столкнулся с заданием по симметричной разности, сделал через массивы, обычным способом, прошло проверки, всё хорошо. В полезных ссылках были ссылки на ресурсы:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce
https://www.youtube.com/watch?v=PxffSUQRkG4
По заданию предполагалось, что я буду использовать метод reduce для решения. Однако, хоть и решив по другому, я не могу понять как работает сама функция reduce.
Просьба объяснить или дать ссылку на объяснение и разжевывание (так сказать на пальцах показать), чтобы понять как эта функция решила задачу симметричной разности.
Я понимаю, что она перебирает массив, и обрабатывает его, однако не могу понять как функция, которая передаётся как callback-параметр в reduce, поняла какие массивы ей сравнивать, как они ей так передались по очереди, попарно... Хочу разобраться с ней, чтобы это не было каким-то неизвестным пропущенным местом в этом нелёгком изучении javascript. Спасибо!
function sym() {
var args = [];
for (var i = 0; i < arguments.length; i++) {
args.push(arguments[i]);
}
function symDiff(arrayOne, arrayTwo) {
var result = [];
arrayOne.forEach(function(item) {
if (arrayTwo.indexOf(item) < 0 && result.indexOf(item) < 0) {
result.push(item);
}
});
arrayTwo.forEach(function(item) {
if (arrayOne.indexOf(item) < 0 && result.indexOf(item) < 0) {
result.push(item);
}
});
return result;
}
return args.reduce(symDiff);
}
sym([1, 1, 2, 5], [2, 2, 3, 5], [3, 4, 5, 5]);