Resizable buffers | Frontend Practical Guide

概要

Resizable ArrayBuffer は作成時に maxByteLength を指定し、resize() で動的にサイズを変更できます。データの成長が予想される場合にバッファの再作成が不要になります。

機能	デスクトップ				モバイル
機能	Chrome	Edge	Firefox	Safari	Chrome Android	Safari iOS
`javascript.builtins.ArrayBuffer.maxByteLength`	111	111	128	16.4	111	16.4
ビルトインオブジェクト
`ArrayBuffer.ArrayBuffer.maxByteLength option` `maxByteLength` オプション	111	111	128	16.4	111	16.4
`ArrayBuffer.resizable` resizable は ArrayBuffer インスタンスのアクセサープロパティで、この配列バッファーがサイズ変更かどうかを表します。	111	111	128	16.4	111	16.4
`ArrayBuffer.resize` resize() は ArrayBuffer インスタンスのメソッドで、この ArrayBuffer を指定されたサイズ（バイト単位）にサイズ変更します。	111	111	128	16.4	111	16.4
`SharedArrayBuffer.SharedArrayBuffer.maxByteLength option` `maxByteLength` オプション	111	111	128	16.4	111	16.4
`SharedArrayBuffer.grow` grow() は SharedArrayBuffer インスタンスのメソッドで、 SharedArrayBuffer を指定されたサイズ（バイト単位）へ伸長します。	111	111	128	16.4	111	16.4
`SharedArrayBuffer.growable` growable は SharedArrayBuffer インスタンスのアクセサープロパティで、この SharedArrayBuffer が伸長可能かどうかを返します。	111	111	128	16.4	111	16.4
`SharedArrayBuffer.maxByteLength` maxByteLength は SharedArrayBuffer インスタンスのアクセサープロパティで、この SharedArrayBuffer が伸長できる最大長（バイト単位）を返します。	111	111	128	16.4	111	16.4

1+対応 (バージョン) 未対応 ※注釈ありサブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

JAVASCRIPT

const buffer = new ArrayBuffer(8, { maxByteLength: 64 });
buffer.byteLength; // 8

buffer.resize(32);
buffer.byteLength; // 32

Allocate a resizable buffer when the option is supported.

JavaScript

出力

「実行」ボタンを押してください

Grow a resizable buffer and inspect the new typed-array view length.

JavaScript

出力

「実行」ボタンを押してください

Use feature detection before relying on buffer resizing helpers.

JavaScript

出力

「実行」ボタンを押してください

Resizable buffers の活用

サイズ変更可能な ArrayBuffer と SharedArrayBuffer。maxByteLength を指定して動的にリサイズ可能。