Phương thức JavaScript Array.flat () được sử dụng để làm phẳng một mảng một cách đệ quy lên đến một độ sâu được chỉ định. Nó không thao tác với mảng ban đầu nhưng tạo ra một mảng phẳng mới.
Sau đây là mã cho phương thức Array.flat () -
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;
}
.result,.sample {
font-size: 20px;
font-weight: 500;
}
</style>
</head>
<body>
<h1>Array.flat() method</h1>
<div class="sample"><pre>[1,2,3,[4,5],[6,[7,8]]]</pre></div>
<div style="color: green;" class="result">After flat : <br></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button to flat the above array by depth 1
</h3>
<script>
let resEle = document.querySelector(".result");
let sampleEle = document.querySelector(".sample");
let arr = [1,2,3,[4,5],[6,[7,8]]];
document.querySelector(".Btn").addEventListener("click", () => {
let store = arr.flat(1);
store.forEach((item,index) => {
resEle.innerHTML += index + ' : ' + item + ' ';
});
});
</script>
</body>
</html>
Sau khi phẳng: