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
<!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 −
