JavaScript DataView getUint32() 方法

JavaScript DataView 的getUint32()方法用于读取从DataView指定字节偏移量开始的4字节数据，并将其解释为一个32位无符号整数。如果我们不向此方法传递任何参数，它将自动返回存储的值。

如果byteOffset参数值正确传递，并且littleEndian参数值传递的值不是0，它将始终返回此DataView的最大可能值。

如果byteOffset参数值超出此DataView的范围，它将抛出'RangeError'异常。

语法

以下是 JavaScript DataView getUint32() 方法的语法：

getUint32(byteOffset, littleEndian)

参数

此方法接受两个名为“byteOffset”和“littleEndian”的参数，如下所述：

byteOffset - 从中读取数据的 DataView 中的位置。
littleEndian (可选) - 指示数据是按小端序还是大端序存储。

返回值

此方法返回一个介于0到4294967295（含）之间的整数。

示例 1

以下是 JavaScript DataView getUint32() 方法的基本示例。

<html>
<body>
<script>
   //creating array buffer
   const buffer = new ArrayBuffer(16);
   const data_view = new DataView(buffer);
   const byteOffset = 1;
   const value = 230;
   document.write("The byte offset: ", byteOffset);
   document.write("<br>The data value: ", value);
   //lets set the data using the setUnit32() method
   data_view.setUint32(1, 230);
   //using the getUnit32() method
   document.write("<br>The data_view.getUnit32(1) method returns: ", data_view.getUint32(1));
</script>
</body>
</html>

输出

上述程序读取数据并返回如下结果：

The byte offset: 1
The data value: 230
The data_view.getUnit32(1) method returns: 230

示例 2

如果我们不向此方法传递任何参数，它将自动返回存储的值。

以下是 JavaScript DataView getUint32() 方法的另一个示例。我们使用此方法读取由 setUnit32() 方法在此DataView的指定字节偏移量 0 处存储的 4 字节数据 4294967295。

<html>
<body>
<script>
   //creating array buffer
   const buffer = new ArrayBuffer(16);
   const data_view = new DataView(buffer);
   const byteOffset = 0;
   const value = 4294967295;
   document.write("The byte offset: ", byteOffset);
   document.write("<br>The data value: ", value);
   //lets set the data using the setUnit32() method
   data_view.setUint32(byteOffset, value);
   //using the getUnit32() method
   try {
      document.write("<br>The data_view.getUnit32() method returns: ", data_view.getUint32());
   } catch (error) {
      document.write("<br>", error);
   }
</script>
</body>
</html>

输出

执行上述程序后，它将返回存储的值：

The byte offset: 0
The data value: 4294967295
The data_view.getUnit32() method returns: 4294967295

示例 3

如果byteOffset参数值超出此DataView的范围，它将抛出'RangeError'异常。

<html>
<body>
<script>
   //creating array buffer
   const buffer = new ArrayBuffer(16);
   const data_view = new DataView(buffer);
   const byteOffset = 1;
   const value = 255;
   document.write("The byte offset: ", byteOffset);
   document.write("<br>The data value: ", value);
   //lets set the data using the setUnit32() method
   data_view.setUint32(byteOffset, value);
   //using the getUnit32() method
   try {
      document.write("<br>The data_view.getUnit32(-1) method returns: ", data_view.getUint32(-1));
   } catch (error) {
      document.write("<br>", error);
   }
</script>
</body>
</html>

输出

执行上述程序后，它将抛出“RangeError”异常。

The byte offset: 1
The data value: 255
RangeError: Offset is outside the bounds of the DataView

示例 4

如果将除0以外的任何值传递给littleEndian参数，此方法将始终返回此DataView的最大值（即4294967295）。但是，如果字节偏移量正确，并且 littleEndian 参数设置为 0，则它将返回存储的值。

<html>
<body>
<script>
   //creating array buffer
   const buffer = new ArrayBuffer(16);
   const data_view = new DataView(buffer);
   const byteOffset = 1;
   const value = 255;
   const littleEndian1 = 0;
   const littleEndian2 = 1;
   document.write("The byte offset: ", byteOffset);
   document.write("<br>The data value: ", value);
   //lets set the data using the setUnit32() method
   data_view.setUint32(byteOffset, value);
   //using the getUnit32() method
   document.write("<br>The littleEndian parameter with a value of 0: ", data_view.getUint32(byteOffset, littleEndian1));
   document.write("<br>The littleEndian parameter with a value of 1: ", data_view.getUint32(byteOffset, littleEndian2));
</script>
</body>
</html>

输出

上述程序返回存储的值和此DataView的默认最大值：

The byte offset: 1
The data value: 255
The littleEndian parameter with a value of 0: 255
The littleEndian parameter with a value of 1: 4278190080

打印页面