Как понять строку кода. (метод splice и оператор ...)?

Question

[gleendo]

Попробовал написать функцию копирования участка массива и вставка в определенный индекс этого же массива. (аналог встроенного метода Array.prototype.copyWithin).

let copyWithin = (arr, index, startIndex = 0, endIndex = arr.length) => {
  startIndex = startIndex < 0 ? arr.length + startIndex : startIndex;
  endIndex = endIndex < 0 ? arr.length + endIndex : endIndex;

  let tmpArr = [];

  for (let i = startIndex; i < endIndex; i += 1) {
    tmpArr.push(arr[i]);
  }

  arr.splice(index, tmpArr.length, ...tmpArr);
};

let arr = [1, 2, 3, 4, 5];

copyWithin(arr, 1, 2, 4);

console.log(arr); // [1, 3, 4, 4, 5]

В конце начиная с определенного индекса удаляю количество элементов равное длине копированного участка и на их место вставляю копию.

arr.splice(index, tmpArr.length, ...tmpArr);

Для вставки элементов копии использовал оператор "..."
Посмотрел транспилированный код. Хотел узнать как будет организована вставка именно элементов скопированного массива, а не самого массива, без оператора "..."

В итоге в транспилировнном коде получилась строка:

arr.splice.apply(arr, [index, tmpArr.length].concat(tmpArr));

В общем, объясните, как понять эту строку. Вообще догнать не могу как она устроена. Какие шаги выполняются.
Что это за конструкция?
[index, tmpArr.length].concat(tmpArr)

Answer 1

[Finesse]

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

Метод concat массива объединяет его с другими массивами. Если конкретней, то к массиву, на котором он вызван, добавляет содержимое массивов из всех аргументов и возвращает итоговый массив. При этом массив, на котором вызван этот метод, остаётся неизменным.

В строке

arr.splice.apply(arr, [index, tmpArr.length].concat(tmpArr));

сначала составляется список аргументов с помощью метода concat (массив аргументов, переданных по-обычному, объединяется с аргументами, переданными через оператор ...), затем с помощью apply вызывается метод splice массива и ему передаётся составленный массив аргументов.

Comments

[gleendo]

Finesse Спасибо. Некоторые ваши слова указали на понимания. Как бы все это мне известно, просто не мог понять логику. Смущала конструкция [index, tmpArr.length]. Никак не мог понять что это за квадратные скобки и почему там такие элементы.
Теперь понял что это обычный массив с 2мя элементами и что в итоге получится конструкция вида: arr.splice(arr, [1, 2, 3, 4]);

[Finesse]

evg_: в Вашем коде используется конструкция let arr = [1, 2, 3, 4, 5], поэтому я подумал, что для Вас очевидно, что квадратные скобки это массив. В JavaScript квадратные скобки только создают массив, больше ничего не делают. Элементы массива внутри квадратных скобок разделяются запятой.

[gleendo]

Finesse: Оно то очевидно. Но еще очевиднее когда новосозданный литерал массива присваивается какой нибудь переменной. В данном случае просто не сразу врубился что это просто массив с 2мя элементами.
Если бы сначала создался бы массив:
let newArr = [index, tmpArr.length];
а потом бы использовался бы в splice, то намного бы яснее было бы.
arr.splice.apply(arr, newArr.concat(tmpArr));
Но все равно, спасибо. Вот эта вот ваша строка "массив аргументов, переданных по-обычному, объединяется с аргументами, переданными через оператор ..." натолкнула на понимание, что это обычный массив и просто обычные элементы в виде переменных.
Спасибо за помощь