【JavaScript】TypedArray.BYTES_PER_ELEMENTプロパティの使い方を解説
BYTES_PER_ELEMENTプロパティとは
JavaScriptのTypedArray（型付き配列）が持つBYTES_PER_ELEMENTプロパティは、その配列の各要素が占めるバイト数を表す静的な値です。型付き配列の種類ごとに固定の値が定められており、たとえばFloat32Arrayなら1要素あたり4バイト、Int16Arrayなら2バイトとなります。
このプロパティは配列のインスタンスではなく、コンストラクタ自体から参照する点に注意してください。つまり、Float32Array.BYTES_PER_ELEMENTのように呼び出します。
主な型付き配列のBYTES_PER_ELEMENTの値
| 型付き配列 | BYTES_PER_ELEMENTの値 |
|---|---|
| Int8Array / Uint8Array / Uint8ClampedArray | 1 |
| Int16Array / Uint16Array | 2 |
| Int32Array / Uint32Array / Float32Array | 4 |
| Float64Array / BigInt64Array / BigUint64Array | 8 |
構文
構文は以下のとおりです。
Float32Array.BYTES_PER_ELEMENT;
サンプルコード
Float32ArrayとInt16ArrayのBYTES_PER_ELEMENTの値を取得して表示する例です。
<html>
<head>
<title>JavaScript Example</title>
</head>
<body>
<script type="text/javascript">
var sizeOfFloat32Array = Float32Array.BYTES_PER_ELEMENT;
document.write("Float32Arrayのサイズ: " + sizeOfFloat32Array);
document.write("<br>");
var sizeOfInt16Array = Int16Array.BYTES_PER_ELEMENT;
document.write("Int16Arrayのサイズ: " + sizeOfInt16Array);
</script>
</body>
</html>
実行結果
Float32Arrayのサイズ: 4
Int16Arrayのサイズ: 2
まとめ
BYTES_PER_ELEMENTプロパティを使えば、型付き配列の1要素あたりのバイト数を簡単に取得できます。バッファのサイズ計算やバイナリデータの処理を行う際に役立つため、ぜひ覚えておきましょう。
-
JavaScriptのTypedArray.reverse()関数とは？使い方とサンプルコードを解説
JavaScriptにおけるreverse()関数は、TypedArrayオブジェクトが持つメソッドの一つで、型付き配列（typed array）の要素の並び順を逆にするために使用されます。この記事では、reverse()関数の基本的な構文と、実際のコード例を使った動作について詳しく解説します。基本情報reverse()メソッドは、呼び出し元の型付き配列そのものを反転させ、その結果として同じ配列への参照を返します。つまり、元の配列が直接変更される（破壊的メソッドである）点に注意が必要です。構文reverse()関数の構文は以下の通りです。引数は不要で、非常にシンプルに使えます。typedArr
-
JavaScriptの配列lengthプロパティとは？使い方とサンプルコードを解説
JavaScriptのlengthプロパティは、配列に格納されている要素の総数（配列の長さ）を取得したり、設定したりできる便利なプロパティです。配列操作において最もよく使われるプロパティの一つであり、ループ処理や条件分岐など、さまざまな場面で活用されます。 lengthプロパティの基本 lengthプロパティは、以下のような特徴を持っています。 配列内の要素数を数値として返す 値を代入することで配列の長さを変更できる（短くすると要素が削除される） インデックスは0から始まるため、最後の要素のインデックスは「length - 1」になる サンプルコード 以下は、lengthプロパティを使って