JavaScript - length of array objects

JavascriptWeb DevelopmentObject Oriented Programming

The length property in JavaScript returns the size of the object. Following is the code for the length of string and array objects −


 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;
   .result {
      font-size: 18px;
      font-weight: 500;
      color: red;
<h1>JavaScript length property</h1>
<div class="sample"></div>
<div style="font-weight: bold; color: black;" class="result"></div>
<button class="Btn">CLICK HERE</button>
Click on the above button to find the length of the array
   let sampleEle = document.querySelector(".sample");
   let resultEle = document.querySelector(".result");
   let arr = [1, 2, "A", "B", "D"];
   sampleEle.innerHTML = arr;
   document.querySelector(".Btn").addEventListener("click", () => {
      resultEle.innerHTML += "The array length is = " + arr.length;


On clicking the ‘CLICK HERE’ button −

Published on 11-May-2020 16:35:23