Computer >> Computer tutorials >  >> Programming >> Javascript

JavaScript ArrayBuffer Object


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.

Syntax

new ArrayBuffer(byteSize)

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

Following is the code for ArrayBuffer() Object −

Example

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
   font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.sample {
   font-size: 20px;
   font-weight: 500;
}
</style>
</head>
<body>
<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>
<script>
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);
document.querySelector('.Btn').addEventListener('click',()=>{
   fillEle.innerHTML = view1.getInt16(0).toString(2);
})
</script>
</body>
</html>

Output

JavaScript ArrayBuffer Object

On clicking the “CLICK HERE” button −

JavaScript ArrayBuffer Object