JavaScript - length of array objects

Javascript Web Development Object 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 −

Example

Live Demo

<!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,
   .result {
      font-size: 18px;
      font-weight: 500;
      color: red;
   }
</style>
</head>
<body>
<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>
<h3>
Click on the above button to find the length of the array
</h3>
<script>
   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;
   });
</script>
</body>
</html>