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 −

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>

Output

On clicking the ‘CLICK HERE’ button −

raja
Published on 11-May-2020 13:05:23
Advertisements