JavaScriptのArrayBuffer.isView()メソッドとは？使い方をサンプルコードで解説
ArrayBuffer.isView()メソッドとは
ArrayBuffer.isView()は、引数として渡された値がArrayBufferのビュー（TypedArrayやDataViewなど）であるかどうかを判定する静的メソッドです。判定結果はブール値（true / false）として返されます。
JavaScriptでは、ArrayBufferは生のバイナリデータを格納するための領域ですが、その内容に直接アクセスすることはできません。そこで、DataViewやInt8Array、Uint16Arrayなどの「ビュー」オブジェクトを通じてデータを読み書きします。このメソッドを使えば、あるオブジェクトがそのようなビューかどうかを簡単に確認できます。
構文
ArrayBuffer.isView(値)
- ビューである場合：
trueを返す - ビューではない場合：
falseを返す
サンプルコード
以下は、ArrayBuffer.isView()メソッドの動作を確認できるHTMLのサンプルです。ボタンをクリックすると、作成したビューオブジェクトがArrayBufferのビューかどうかを画面上に表示します。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.sample {
font-size: 20px;
font-weight: 500;
}
</style>
</head>
<body>
<h1>JavaScript ArrayBuffer.isView() メソッド</h1>
<div class="sample"></div>
<button class="Btn">CLICK HERE</button>
<h3>上のボタンをクリックして、値がArrayBufferのビューかどうかを確認してください</h3>
<script>
let fillEle = document.querySelector(".sample");
var buffer = new ArrayBuffer(8);
var view1 = new DataView(buffer);
view1.setInt16(0, 0x2721);
fillEle.innerHTML = view1.getInt16(0).toString(16);
document.querySelector(".Btn").addEventListener("click", () => {
fillEle.innerHTML =
"view1 はArrayBufferのビュー: " + ArrayBuffer.isView(view1);
});
</script>
</body>
</html>
実行結果
ページを表示した直後は、DataViewに書き込んだ値が16進数で表示されます。
「CLICK HERE」ボタンをクリックすると −
このように、DataViewオブジェクトに対してArrayBuffer.isView()を実行するとtrueが返され、対象がArrayBufferのビューであることが確認できます。逆に、通常の配列や文字列などを渡した場合はfalseとなります。
まとめ
ArrayBuffer.isView()は、バイナリデータを扱う際にオブジェクトの種類を判別したい場合に便利なメソッドです。TypedArrayやDataViewを扱うコードで、安全に型チェックを行いたいときにぜひ活用してください。
-
JavaScriptのArrayBuffer.byteLengthプロパティとは？使い方をサンプルコードで解説
ArrayBuffer.byteLengthプロパティは、ArrayBufferオブジェクトが確保しているメモリのサイズをバイト単位で返す読み取り専用のプロパティです。バッファーにどれだけのデータを格納できるかを確認したい場合に便利で、一度作成したArrayBufferのサイズは後から変更できないため、このプロパティで取得できる値は固定となります。 構文 arraybuffer.byteLength 戻り値 ArrayBufferのサイズを表す数値（バイト数）を返します。 サンプルコード 以下は、ArrayBuffer.byteLengthプロパティを使ってバッファーのサイズを画面に表示する
-
JavaScriptのArrayBufferオブジェクトとは？基本的な使い方を解説
JavaScriptのArrayBufferオブジェクトは、汎用的で固定長の生（ロー）バイナリデータバッファを表現するために使用されます。ArrayBufferの内容には直接アクセスして操作することができないため、データを読み書きするにはDataViewオブジェクトを作成する必要があります。DataViewを介することで、バッファ内のデータの読み取りと書き込みの両方が可能になります。 ArrayBufferは、ファイル操作やネットワーク通信（WebSocketでのバイナリ送受信）、WebGLによる画像処理など、バイナリデータを扱うさまざまな場面で活用されています。 構文 new ArrayBu