Syntax error JavaScript array.keys() method

JavaScript array.keys() method

The JavaScript array.keys() creates an array iterator object having only the keys of an array

Following is the code for the array.keys() method −

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 keys()</h1>
<div class="sample"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button to see the keys of the array
</h3>
<script>
   let fillEle = document.querySelector(".sample");
   let arr = ["H", "E", "L", "L", "O"];
   fillEle.innerHTML = arr;
   arr = arr.keys();
   document.querySelector(".Btn").addEventListener("click", () => {
      fillEle.innerHTML = "";
      for (let x of arr) {
         fillEle.innerHTML += x + "<br>";
      }
   });
</script>
</body>
</html>

Output

On clicking the “CLICK HERE” button −


Updated on: 2020-05-08T11:49:07+05:30

150 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements