Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【JavaScript ECMAScript】TypedArray::TypedArray.prototype.setインスタンスメソッドの使い方

TypedArray.prototype.set()インスタンスメソッドの使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

TypedArray.prototype.set()メソッドは、対象となるTypedArray(型付き配列)の要素を、別の配列または別のTypedArrayの要素で効率的に上書きするメソッドです。

このメソッドを使用することで、指定されたソース配列またはソースTypedArrayからデータをコピーし、現在のTypedArray内の特定のインデックス位置から値を設定することができます。第一引数にはコピー元の配列またはTypedArrayを指定し、第二引数(オプション)にはコピーを開始する現在のTypedArray内のインデックスオフセットを指定します。オフセットが省略された場合、デフォルトでインデックス0からコピーが開始されます。

TypedArrayは、固定長のバッファに数値データを効率的に格納するために設計されたオブジェクトであり、JavaScriptにおけるバイナリデータの操作やWeb Workers、Canvas、WebGLといった性能が要求される場面で特に有用です。TypedArray.prototype.set()を用いることで、ループを使って一つずつ要素をコピーするよりも、簡潔かつ高性能に大量のデータを操作することが可能になります。例えば、イメージデータの一部分を更新したり、オーディオバッファを書き換えたりする際に活用されます。

このメソッドは、操作が完了した後に特に値を返しません(undefinedを返します)が、呼び出し元のTypedArrayの内容が直接変更されます。これにより、既存のデータバッファの一部または全体を、外部から提供されたデータで効率的に更新することが可能です。

公式リファレンス: TypedArray.prototype.set()

構文(syntax)

1const targetTypedArray = new Int32Array(8);
2const sourceArray = [1, 2, 3];
3targetTypedArray.set(sourceArray, 2);

引数(parameters)

array, offset

  • array: コピー元の配列、またはTypedArray。
  • offset: コピーを開始するTypedArrayのインデックス。

戻り値(return)

undefined

TypedArray.prototype.set() メソッドは、指定された配列の要素を、この TypedArray の指定された位置からコピーして設定します。このメソッドは値を返しません。

関連コンテンツ

関連プログラミング言語