Объединение множества массивов на js

Имеется несколько массивов вида:

arr1 = [1, 2];
arr2 = [3, 4, 5];
arr3 = [6, 7];

Количество массивов также как и количество значений в них может быть разным. Необходимо объединять все массивы в один массив вида.

arr4 = [1, 2, 3, 4, 5, 6, 7];

Ума не приложу как это сделать.

Вообще задача заключается в том чтобы сделать редактируемую таблицу как в Excel. В данном случае нужно копировать некоторый кусок таблицы Excel например 5x6 и вставлять в мою таблицу на сайте. Всё работает, но только если копировать кусок 2x3 так как объединяю массивы я таким образом arrRows = cells[0].concat(cells[1], cells[2]);

JS:

$(this).on('paste', function(e) {
    var pasteData = e.originalEvent.clipboardData.getData('text');
    var rows = pasteData.split("\n");
    var arrRows = [];
    var cells = [];
    for(var x = 0; x < rows.length; x++) {
        cells[x] = rows[x].split("\t");
    }
    arrRows = cells[0].concat(cells[1], cells[2]);
    var best = [];
    best = $('.my-class');
    for (i = 0; i < arrRows.length; i++) {
        $(best[i]).html(arrRows[i]);
    }
});