JavaScript ArrayBuffer Object

JavascriptFront End TechnologyObject Oriented Programming

The JavaScript ArrayBuffer object is used to represent a generic, fixed-length raw binary data buffer. To manipulate the contents of an ArrayBuffer object we have to create a DataView object as we cannot manipulate the contents directly. We can read and write both using the DataView object.


new ArrayBuffer(byteSize)

The byteSize parameter specifies the array buffer size in bytes that will be created.

Following is the code for ArrayBuffer() Object −


 Live Demo

<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
body {
   font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
.sample {
   font-size: 20px;
   font-weight: 500;
<h1>JavaScript ArrayBuffer object</h1>
<div class="sample"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to see the array buffer object contents in binary</h3>
let fillEle = document.querySelector(".sample");
var buffer = new ArrayBuffer(8);
var view1 = new DataView(buffer);
view1.setInt16(0, 0x2721);
fillEle.innerHTML = view1.getInt16(0).toString(16);
   fillEle.innerHTML = view1.getInt16(0).toString(2);


On clicking the “CLICK HERE” button −

Updated on 06-May-2020 12:26:19