ホームページ > ウェブフロントエンド > jsチュートリアル > ES6のArray.copyWithin()関数の使い方を詳しく解説

ES6のArray.copyWithin()関数の使い方を詳しく解説

巴扎黑
リリース: 2017-09-18 09:27:27
オリジナル
2227 人が閲覧しました

ES6 は、配列に copyWithin 関数を追加します。これは、現在の配列自体を操作し、特定の位置の要素を他の位置にコピーして上書きするために使用されます。以下は、ES6 での Array.copyWithin() 関数の使用法を中心に紹介します。必要な方は参考にしてください。ES6 では、現在の配列自体を操作し、要素をコピーおよび上書きするために使用される copyWithin 関数が Array に追加されます。特定の位置で別の場所に移動します。

Array.prototype.copyWithin(target, start = 0, end = this.length)
ログイン後にコピー

この関数には 3 つのパラメータがあります。

ターゲット: ターゲットの開始位置。

start: コピー元の開始位置。省略または負の数を指定できます。

end: コピー元の終了位置。省略または負の数を指定できます。実際の終了位置は end-1 です。

例:

3番目の要素(0から始まる)から5番目の要素を1番目から始まる位置にコピーして上書きします。

下の赤いブロックはコピー先の開始位置、黄色のブロックはコピー元です。

const arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
arr1.copyWithin(1, 3, 6)
console.log('%s', JSON.stringify(arr1))
ログイン後にコピー

結果:

[1,4,5,6,5,6,7,8,9,10,11]

開始と終了は両方とも省略できます。

開始省略は0から開始することを意味し、終了省略は配列の長さの値を意味します。

ターゲットの場所が十分でない場合は、できるだけカバーしてください。

const arr2 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
arr2.copyWithin(3)
console.log('%s', JSON.stringify(arr2))
ログイン後にコピー

結果:

[1,2,3,1,2,3,4,5,6,7,8]

開始と終了はどちらも負の数値にすることができ、負の数値は数値を意味します右からいくつか。

const arr3 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
arr3.copyWithin(3, -3, -2)
console.log('%s', JSON.stringify(arr3))
ログイン後にコピー

結果:

[1,2,3,9,5,6,7,8,9,10,11]

以上がES6のArray.copyWithin()関数の使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート