অ্যারে ফ্ল্যাটনিং মেথড
Array.prototype.flat() মেথডটি নেস্টেড অ্যারে کو সমতল (flatten) করার জন্য ব্যবহৃত হয়। এটি মূল অ্যারেকে পরিবর্তন না করে একটি নতুন ফ্ল্যাট অ্যারে তৈরি করে। ডিপথ প্যারামিটার দিয়ে নির্দিষ্ট করতে পারেন কত লেভেল ফ্ল্যাট করবেন।
উদাহরণ
<!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.prototype.flat() মেথড</h1>
<div class="sample"><pre>[1,2,3,[4,5],[6,[7,8]]]</pre></div>
<div style="color: green;" class="result">ফ্ল্যাট করার পর: <br></div>
<button class="Btn">এখানে ক্লিক করুন</button>
<h3>উপরোক্ত বাটনে ক্লিক করে অ্যারেটি ডিপথ ১ দ্বারা ফ্ল্যাট করুন</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 + '<br>';
});
});
</script>
</body>
</html>
আউটপুট
বাটনে ক্লিক করলে অ্যারেটি ডিপথ ১ পর্যন্ত ফ্ল্যাট হয়ে প্রদর্শিত হবে। flat(2) ব্যবহার করলে পুরোপুরি ফ্ল্যাট হবে।