Array.prototype.copyWithin()

copyWithin() メソッドは、サイズを変更せずに、配列の一部を同じ配列内の別の場所にシャローコピーして返します。

試してみましょう

構文

js

copyWithin(target);
copyWithin(target, start);
copyWithin(target, start, end);

引数

  • target
    • : シーケンスのコピー先となる、0 から始まる位置です。負の場合、target は最後から数えられます。 targetarr.length 以上の場合、何もコピーされません。 targetstart より後に配置されている場合、コピーされたシーケンスは arr.length に合うように切り詰められます。
  • start 省略可
    • : 要素のコピー元の始まりを表す、0 から始まる位置です。負の場合、 start は最後から数えられます。 start が省略された場合、copyWithin は最初の要素からコピーします(つまり、初期値は 0 です)。
  • end 省略可
    • : 要素のコピー元の末尾を表す、0 から始まるインデックスです。 copyWithin のコピーは end を含みません。負の場合、 end は最後から数えられます。
    end が省略された場合、 copyWithin は最後までコピーします(つまり、初期値は arr.length です)。

返値

変更された配列です。

解説

copyWithin() メソッドは C 言語や C++ の memmove のような動きをし、Array のデータを移動するための高いパフォーマンスのメソッドです。これは特に TypedArray の同名メソッドに当てはまります。シーケンスはコピーされ貼り付けられる処理が一命令で行われます。コピー&ペースト領域が重なっている場合でも、ペーストされたシーケンスはコピーされた値を持ちます。

copyWithin() は変更を行うメソッドです。 this の長さは変更しませんが、 this の内容を変更し、必要に応じて新しいプロパティを作成します。

Array.prototype.copyWithin() 関数は、意図的に一般化されています。 this 値が Array オブジェクトである必要はありません。

copyWithin の使用

js

console.log([1, 2, 3, 4, 5].copyWithin(-2));
// [1, 2, 3, 1, 2]

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

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

console.log([1, 2, 3, 4, 5].copyWithin(-2, -3, -1));
// [1, 2, 3, 3, 4]

console.log([].copyWithin.call({ length: 5, 3: 1 }, 0, 3));
// {0: 1, 3: 1, length: 5}

仕様書

Specification
ECMAScript Language Specification
# sec-array.prototype.copywithin

ブラウザーの互換性

BCD tables only load in the browser

関連情報