Array.prototype.concat() 是如何工作的

let x = [].concat(1, 2, [3, 4], [5, 6, [7, 8]]);
console.log(x);        // Выведем полученный массив
console.log(x.length); // Длина равняется не 8, как если бы все раскрывалось 
                       // до первого уровня вложенности, а 7!
console.log(x[6]);     // 6-ой элемент является массивом

function test() {
    console.log(Array.isArray(arguments)); // false
    return [].concat(arguments, arguments);
}

console.log(test(1, 2, 3).toString()); // [object Arguments], [object Arguments]

Array.prototype.fullConcat = function() {
    const exclude = ["string"]; // Пусть строка и является коллекцией, но мы хотим считать ее цельным объектом
    function getElements(item) { // Рекурсивно получим все элементы внутри заданного (если таковые есть)
        let result = [];
        if (item.length === undefined || exclude.includes(typeof item))
            result.push(item);
        else {
            for (let i = 0; i < item.length; i++) {
                let add = getElements(item[i]);
                for (let j = 0; j < add.length; j++)
                    result.push(add[j]);
            }
        }
        return result;
    }

    let concated = [];
    for (let i = 0; i < arguments.length; i++) { // Начнем объединение
        let item = arguments[i];
        if (item.length === undefined || exclude.includes(typeof item))
            concated.push(item);
        else {
            for (let i = 0; i < item.length; i++) {
                let add = getElements(item[i]);
                for (let j = 0; j < add.length; j++)
                concated.push(add[j]);
            }
        }
    }
    // Не забудем и про контекст this, который может оказаться совсем не пустым
    return this.length == 0 ? concated : [].fullConcat(this, concated);
};

function testArguments() {
    return [].fullConcat(arguments, arguments);
}

// Проверим, как метод расправится со вложенностью
console.log([1, 2, 3].fullConcat([4], [5, 6, [7, 8, [9, 10]]], "hello", "world")); // 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, "hello", "world"

// Проверим, как метод расправится с коллекцией в лице arguments
console.log(testArguments(1, 2, 3, [4, 5])); // 1, 2, 3, 4, 5, 1, 2, 3, 4, 5

// Создадим собственную коллекцию
var userCollection = {
0: 'a', 1: 'b', 2: 'c', length: 3
};

// Убедимся, что она не является массивом
console.log(Array.isArray(userCollection)); // false

// Посмотрим, что вернет нам concat
console.log([].concat(userCollection, userCollection)); // Array [ Object(3), Object(3) ]

// Теперь маленькая хитрость:
// Установим внутреннее свойство, отвечающее
// за результат IsConcatSpreadable(O), равным true
userCollection[Symbol.isConcatSpreadable] = true;

// Посмотрим, что теперь вернет нам concat
console.log([].concat(userCollection, userCollection)); // Array [ "a", "b", "c", "a", "b", "c" ]

// Или же сразу создадим коллекцию с указанным свойством:
// Создадим собственную коллекцию
var userCollection_1 = {
0: 'a', 1: 'b', 2: 'c', length: 3, [Symbol.isConcatSpreadable]: true
};

// Посмотрим, что вернет нам concat
console.log([].concat(userCollection_1, userCollection_1)); // Array [ "a", "b", "c", "a", "b", "c" ]

// arguments не указан, как spreadable
function nonSpreadable() {
    return [].concat(arguments, arguments);
}

// arguments указан, как spreadable
function spreadable() {
    arguments[Symbol.isConcatSpreadable] = true;
    return [].concat(arguments, arguments);
}

// Какой же массив вернется при объединении 2-х arguments?
console.log(nonSpreadable(1, 2)); // Array [ Arguments, Arguments ]

// А теперь?)
console.log(spreadable(1, 2));    // Array [ 1, 2, 1, 2 ]
console.log(spreadable(1, 2, 3)); // Array [ 1, 2, 3, 1, 2, 3 ]

// Создадим обычные массивы
var arr_0 = [1, 2];
var arr_1 = [3, 4];

// Убедимся, что это именно массивы, а не что-либо еще
console.log(Array.isArray(arr_0)); // true
console.log(Array.isArray(arr_1)); // true

// Объединим их
var arr_2 = [].concat(arr_0, arr_1);
console.log(arr_2);        // Array [ 1, 2, 3, 4 ]
console.log(arr_2.length); // 4, как и полагается

// А теперь сделаем парочку богопротивных действий
arr_0[Symbol.isConcatSpreadable] = arr_1[Symbol.isConcatSpreadable] = false;

// Объединим их снова
var arr_3 = [].concat(arr_0, arr_1);
console.log(arr_3);        // Array [ Array(2), Array(2) ]
console.log(arr_3.length); // 2, что-то пошло не так)

// Сформируем свои коллекции
var userCollection_0 = {
    0: 'a', 1: 'b', 2: 'c', length: 3
};
var userCollection_1 = {
    0: 'd', 1: 'e', 2: 'f', 3: 'g', length: 4
};

// Колдуем над isConcatSpreadable
userCollection_0[Symbol.isConcatSpreadable] = userCollection_1[Symbol.isConcatSpreadable] = true;

// Объединяем обе коллекции и три отдельных элемента
var aPanel = [].concat(
    userCollection_0, 
    userCollection_1, 
    'h', 
    'i', 
    'j'
);

// Посмотрим, что внутри
console.log(aPanel);        // Array [ "a", "b", "c", "d", "e", "f", "g", "h", "i", "j" ]

// Убедимся, что длина также совпадает
console.log(aPanel.length); // 10 из 10)