Open In App

JavaScript ArrayBuffer() Constructor

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Share
Report issue
Report

JavaScript ArrayBuffer Constructor is used to create a new ArrayBuffer object. ArrayBuffer object is used to represent a generic, fixed-length raw binary data buffer. This object can only be created with the new keyword. If the object is created without the new keyword it will throw a TypeError

Syntax:

new ArrayBuffer(byteLength, opt)

Parameters: It accepts two parameters where the second parameter is optional.

  • bytelength: It denotes the size, in bytes, of the array buffer to be created. 
  • opt: It is a JavaScript object which specified the max size of the ArrayBuffer.

Return value: It returns a new ArrayBuffer object of the specified size and the content is initialized to 0.

Example 1: This example creates ArrayBufferobject with different parameters.

Javascript




const arr1 = new ArrayBuffer(8, {maxByteLength: 24});
const arr2 = new ArrayBuffer(8);
 
console.log(arr1);
console.log(arr2);
 
console.log(arr1.maxByteLength);
console.log(arr2.maxByteLength);


Output: The ArrayBuffer which was created without specifying the max byte length has a default max byte length equal to its byte length specified during the creation of the object

ArrayBuffer(8)
ArrayBuffer(8)
24
8

Example 2: In this example, we will see the use of the Javascript ArrayBuffer() method.

javascript




//Create a 16byte buffer
let buffer = new ArrayBuffer(16);
 
//Create a DataView referring to the buffer
let view1 = new DataView(buffer);
 
//Create a Int8Array view referring to the buffer
let view2 = new Int8Array(buffer);
 
//Put value of 32bits
view1.setInt32(0, 0x76543210);
 
//prints the 32bit value
console.log(view1.getInt32(0).toString(16));
 
//prints only 8bit value
console.log(view1.getInt8(0).toString(16));
console.log(view2[0].toString(16));


Output:

76543210
76
76

Supported Browsers:

  • Chrome
  • Edge
  • Firefox
  • Opera
  • Safari

We have a complete list of ArrayBuffer methods and properties, to check Please go through the JavaScript ArrayBuffer Reference article.


Last Updated : 18 May, 2023
Like Article
Save Article
Share your thoughts in the comments
Similar Reads