JavaScript Array length property

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

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 {
      font-size: 20px;
      font-weight: 500;
   }
</style>
</head>
<body>
<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>
<script>
   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;
   });
</script>
</body>
</html>