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.

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.

//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.