JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptのDataView.setUint16()関数の使い方を徹底解説

DataViewオブジェクトのsetUint16()メソッドは、ArrayBuffer内の指定したバイトオフセット位置に、符号なし16ビット整数（0〜65535の範囲の値）を格納します。バイナリデータを直接操作したい場合に活用できる便利なメソッドです。

構文

構文は以下のとおりです。

dataView.setUint16(byteOffset, value, littleEndian);

各引数の意味は次のとおりです。

  • byteOffset：データを書き込む位置をバイト単位で指定します。
  • value：格納する数値を指定します。
  • littleEndian（省略可）：trueを指定するとリトルエンディアン、falseまたは省略した場合はビッグエンディアンで書き込まれます。

サンプルコード

次の例では、ArrayBufferを作成し、オフセット位置1に符号なし16ビット整数「45544」を書き込んだ後、getUint16()で読み出しています。

<html>
<head>
   <title>JavaScript Example</title>
</head>
<body>
   <script type="text/javascript">
      var arrayBuffer = new ArrayBuffer(20);
      var dataView = new DataView(arrayBuffer);
      dataView.setUint16(1, 45544);
      document.write(dataView.getUint16(1));
   </script>
</body>
</html>

実行結果

45544

浮動小数点数を渡した場合の挙動

この関数には浮動小数点数を渡すことができません。小数を含む値を指定した場合、小数点以下は切り捨てられ、整数値として扱われます。

<html>
<head>
   <title>JavaScript Example</title>
</head>
<body>
   <script type="text/javascript">
      var arrayBuffer = new ArrayBuffer(20);
      var dataView = new DataView(arrayBuffer);
      dataView.setUint16(1, 455.44);
      document.write(dataView.getUint16(1));
   </script>
</body>
</html>

実行結果

455

値が未設定の場合の挙動

DataViewに何も値を格納していない状態でデータを取得しようとすると、このメソッドは0を返します。初期化されていないバッファを読み出す際の挙動として覚えておくとよいでしょう。

<html>
<head>
   <title>JavaScript Example</title>
</head>
<body>
   <script type="text/javascript">
      var arrayBuffer = new ArrayBuffer(20);
      var dataView = new DataView(arrayBuffer);
      dataView.setUint16(1);
      document.write(dataView.getUint16(1));
   </script>
</body>
</html>

実行結果

0
  1. JavaScriptの関数パラメーターとは？使い方をサンプルコードで解説

    JavaScriptでは、関数を呼び出すときにさまざまなパラメーター（引数）を渡すことができます。関数側では、渡されたパラメーターを受け取り、それに対して任意の処理を実行することが可能です。また、1つの関数は複数のパラメーターを受け取ることができ、それぞれのパラメーターはカンマ（,）で区切って指定します。さらに、JavaScriptには arguments オブジェクトが用意されており、仮引数として宣言した変数とは別に、実際に関数へ渡されたすべての引数へアクセスできます。以下のサンプルコードでは、Array.from(arguments) を使って受け取った引数を配列化し、順番に画面へ出力して

  2. JavaScript DataView()とは？ArrayBufferのバイナリデータを読み書きする方法

    JavaScript の DataView は、ArrayBuffer（バイナリデータ）に対して、さまざまな数値型の読み書きを行うための低レベルインターフェースを提供するオブジェクトです。DataView を使うことで、1バイト単位で細かく制御しながら、Int16、Int32、Float64 など複数の数値型として同じバッファにアクセスできます。なお、ArrayBuffer はそのままでは直接操作できないため、DataView や TypedArray を介してアクセスする必要があります。DataView の主なメソッドsetInt16(offset, value)：指定したオフセット位置に