JavaScript Array length property

JavascriptWeb DevelopmentObject Oriented Programming

The Array length property set or returns the length of an array which is the number of total elements present in the given array.

Following is the code for the array length property −


 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 Array length property</h1>
<div class="sample"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to get the length of the array</h3>
   let fillEle = document.querySelector(".sample");
   let arr = ['H','E','L','L','O'];
   fillEle.innerHTML = arr;
   document.querySelector(".Btn").addEventListener("click", () => {
      fillEle.innerHTML = 'The length of the array is ' + arr.length;


On clicking the “CLICK HERE” button the array length will be shown −

Published on 08-May-2020 15:02:18