ArrayBuffer
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
* Some parts of this feature may have varying levels of support.
ArrayBuffer オブジェクトは、一般的な生のバイナリーデータバッファーを表現するために使用します。
これはバイトの配列で、他の言語ではよく「バイト配列」と呼ばれます。ArrayBuffer の内容を直接操作することはできません。代わりに、バッファーを特定の形式で表現する型付き配列オブジェクトまたは DataView オブジェクトのいずれかを作成して、バッファーの内容を読み書きします。
ArrayBuffer() コンストラクターは、指定した長さの ArrayBuffer をバイト単位で作成します。既存のデータから、たとえば、Base64 文字列やローカルファイルから配列バッファーを取得することもできます。
ArrayBuffer は移譲可能オブジェクトです。
解説
>ArrayBuffer のサイズ変更
ArrayBuffer オブジェクトは maxByteLength オプションを指定して ArrayBuffer() コンストラクターを呼び出すことで、サイズを変更することができるようになります。ArrayBuffer がサイズ変更可能かどうか、またその最大サイズを知るには、それぞれ resizable と maxByteLength のプロパティにアクセスすれば分かります。サイズ変更可能な ArrayBuffer には、 resize() を呼び出して新しいサイズを割り当てることができます。新しいバイトは 0 に初期化されます。
これらの機能により、ArrayBuffer のサイズ変更がより効率的になります。そうしないと、新しいサイズのバッファーのコピーを持たなければなりません。また、この点で JavaScript が WebAssembly と同等になります(WASM の線形メモリーは WebAssembly.Memory.prototype.grow() でサイズ変更が可能です)。
ArrayBuffer の移譲
ArrayBuffer オブジェクトは、ウェブワーカーやサービスワーカーなど、異なる実行コンテキスト間で構造化クローンアルゴリズムを使用して移譲することができます。これは、ArrayBuffer を移譲可能オブジェクトとして Worker.postMessage() または ServiceWorker.postMessage() の呼び出しに渡すことで実現されます。純粋な JavaScript では、 transfer() または transferToFixedLength() メソッドを使用して、ある ArrayBuffer から他へメモリーの所有権を移すこともできます。
ArrayBuffer が移譲されると、元のコピーは分離状態になります。これは、そのコピーが使用できなくなるということです。いかなる時点においても、基盤となるメモリーに実際にアクセスできる ArrayBuffer のコピーは一つだけです。分離されたバッファーには以下のような挙動になります。
byteLengthは 0 になります(そのバッファーと、関連付けられた型付き配列ビューの両方で)。resize()やslice()などのメソッドを呼び出すと、TypeErrorが発生します。関連付けれれ多型付き配列ビューのメソッドも、同様にTypeErrorが発生します。
ArrayBuffer が分離されているかどうかは、 detached プロパティで確認することができます。
コンストラクター
ArrayBuffer()-
新しい
ArrayBufferオブジェクトを作成します。
静的プロパティ
ArrayBuffer[Symbol.species]-
派生オブジェクトを作成する際に使用するコンストラクター関数です。
静的メソッド
ArrayBuffer.isView()-
argが型付き配列オブジェクトやDataViewのような ArrayBuffer ビューのいずれかである場合はtrueを返します。それ以外の場合はfalseを返します。
インスタンスプロパティ
これらのプロパティは ArrayBuffer.prototype で定義されており、すべての ArrayBuffer インスタンスで共有されます。
ArrayBuffer.prototype.byteLength-
ArrayBufferのサイズをバイト単位で指定します。これは配列の構築時に設定され、ArrayBufferがサイズ変更可能な場合にのみArrayBuffer.prototype.resize()メソッドを使用して変更することができます。 ArrayBuffer.prototype.constructor-
インスタンスオブジェクトを作成したコンストラクター関数。
ArrayBufferインスタンスの場合、初期値はArrayBufferコンストラクターです。 ArrayBuffer.prototype.detached-
読み取り専用です。
ArrayBufferが既に分離されている(移譲済みである)場合はtrue、そうでなければfalseを返し案す。 ArrayBuffer.prototype.maxByteLength-
読み取り専用で、
ArrayBufferのサイズを変更できる最大長をバイト数で指定します。これは配列が構築される際に設定され、変更することはできません。 ArrayBuffer.prototype.resizable-
読み取り専用です。
ArrayBufferのサイズを変更できる場合はtrueを、変更できない場合はfalseを返します。 ArrayBuffer.prototype[Symbol.toStringTag]-
[Symbol.toStringTag]プロパティの初期値は文字列"ArrayBuffer"です。このプロパティはObject.prototype.toString()で使用されます。
インスタンスメソッド
ArrayBuffer.prototype.resize()-
ArrayBufferを指定したサイズ(バイト単位)にサイズ変更します。 ArrayBuffer.prototype.slice()-
新しい
ArrayBufferに、begin(の位置)からend(の手前)までのバイトのコピーを入れて返します。beginまたはendのどちらかが負の値の場合は、配列の先頭からではなく、配列の末尾からの位置を指します。 ArrayBuffer.prototype.transfer()-
このバッファーと同じバイト内容を持つ新しい
ArrayBufferを作成し、その後このバッファーを切り離します。 ArrayBuffer.prototype.transferToFixedLength()-
このバッファーと同じバイト内容を持つ、新しいリサイズ不可能な
ArrayBufferを作成し、その後でこのバッファーを分離します。
例
>ArrayBuffer の作成
この例では、バッファーを参照する Int32Array ビューを持つ 8 バイトのバッファーを作成します。
const buffer = new ArrayBuffer(8);
const view = new Int32Array(buffer);
仕様書
| Specification |
|---|
| ECMAScript® 2026 Language Specification> # sec-arraybuffer-objects> |