Javascript Array.prototype.reduce

Внимание: это не вопрос о том, как решить задачу симметричной разности. Это вопрос про 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]);