Що робить copyWithin()?

JavaScriptMiddle~1 хв читання

метод copyWithin() - один з найбільш "недооцінених", але потужних інструментів для роботи з масивами у JavaScript.

Він дозволяє скопіювати частину елементів масиву в інше місце всередині цього ж масиву, не змінюючи його довжину.

Синтаксис:

javascript

arr.copyWithin(target, start, end);

Параметр	Опис
`target`	Індекс, куди будуть скопійовані елементи
`start`	Індекс, звідки почати копіювання (включно)
`end`	Індекс, де закінчити (не включаючи цей індекс). Необов'язково. Якщо не вказати - копіює до кінця масиву

javascript

const arr = [1, 2, 3, 4, 5];
arr.copyWithin(0, 3);

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

Розшифровка:

javascript

const arr = [1, 2, 3, 4, 5];
arr.copyWithin(1, 3, 5);

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

javascript

const arr = [10, 20, 30, 40, 50];
arr.copyWithin(-2, 0, 2);

console.log(arr); // [10, 20, 30, 10, 20]

Властивість	Опис
Мутує масив	Так
Повертає	Змінений масив
Довжина масиву	Не змінюється
Копіює всередині масиву	Так
Значення, що повертається	Посилання на той самий масив (`this`)

Можна використовувати для "зсуву" значень всередині масиву без створення нового:

javascript

const buffer = [1, 2, 3, 4, 5];
buffer.copyWithin(1, 0, 3);
console.log(buffer); // [1, 1, 2, 3, 5]

Що робить	Копіює частину масиву в інше місце всередині нього
Змінює вихідний масив	Так
Повертає	Сам масив
Не змінює довжину	Так
Приклад	`[1,2,3,4,5].copyWithin(0,3)` → `[4,5,3,4,5]`

Підсумок: copyWithin() - це спосіб перемістити або дублювати елементи всередині масиву без створення нового масиву і без зміни довжини.

Для співбесіди

Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.