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 −

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>

Output

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

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