Computer >> Máy Tính >  >> Lập trình >> Javascript

array.flatMap () trong JavaScript

Hàm array.flatMap () trong JavaScript làm phẳng mảng lồng nhau đã cho thành một mảng phẳng mới.

Sau đây là mã cho phương thức array.flatMap () -

Ví dụ

<!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 flatMap()</h1>
<div class="sample"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button to convert the nested array to flat array
</h3>
<script>
   let fillEle = document.querySelector(".sample");
   let arr = ["cow", ["bull", "lion", "tiger"], "sheep"];
   for (x of arr.entries()) {
      fillEle.innerHTML += x + "<br>";
   }
   var entries = arr.entries();
   document.querySelector(".Btn").addEventListener("click", () => {
      arr = arr.flatMap((x) => x);
      fillEle.innerHTML = "";
      for (x of arr.entries()) {
         fillEle.innerHTML += x + "<br>";
      }
   });
</script>
</body>
</html>

Đầu ra

array.flatMap () trong JavaScript

Khi nhấp vào nút “BẤM VÀO ĐÂY” -

array.flatMap () trong JavaScript