DataView.byteLength property in JavaScript

The byteLength property of the DataView represents the length of the current DataView in bytes. This property is read-only and returns the number of bytes from the start of the DataView to the end.

Syntax

Its syntax is as follows:

dataView.byteLength

Parameters

This property takes no parameters as it's a read-only property, not a method.

Return Value

Returns a number representing the length of the DataView in bytes.

Example 1: Basic Usage

<html>
<head>
    <title>JavaScript Example</title>
</head>
<body>
    <script type="text/javascript">
        var arrayBuffer = new ArrayBuffer(8);
        var dataView = new DataView(arrayBuffer);
        document.write("DataView byte length: " + dataView.byteLength);
    </script>
</body>
</html>

Output

DataView byte length: 8

Example 2: DataView with Offset and Length

<html>
<head>
    <title>JavaScript Example</title>
</head>
<body>
    <script type="text/javascript">
        var arrayBuffer = new ArrayBuffer(16);
        
        // Create DataView with offset 4 and length 8
        var dataView1 = new DataView(arrayBuffer, 4, 8);
        document.write("DataView1 byte length: " + dataView1.byteLength + "<br>");
        
        // Create DataView with only offset
        var dataView2 = new DataView(arrayBuffer, 6);
        document.write("DataView2 byte length: " + dataView2.byteLength);
    </script>
</body>
</html>

Output

DataView1 byte length: 8
DataView2 byte length: 10

Key Points

  • The byteLength property is read-only and cannot be modified
  • It represents the actual length of the DataView, which may be different from the underlying ArrayBuffer length
  • When creating a DataView with offset and length parameters, byteLength returns the specified length
  • When creating a DataView with only an offset, byteLength returns the remaining bytes from that offset

Conclusion

The byteLength property provides essential information about the size of a DataView in bytes. It's particularly useful when working with binary data and need to know the exact boundaries of your data view.

Updated on: 2026-03-15T23:18:59+05:30

191 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements