JavaScript ArrayBuffer() Constructor
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
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
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.