জাভাস্ক্রিপ্টে হাইয়ার-অর্ডার অ্যারো ফাংশন

হাইয়ার-অর্ডার অ্যারো ফাংশন

জাভাস্ক্রিপ্টে ফাংশনকে অবজেক্ট হিসেবে বিবেচনা করা হয়। ফাংশনকে প্যারামিটার হিসেবে পাস করা, রিটার্ন করা বা ভেরিয়েবলে স্টোর করা যায়। হাইয়ার-অর্ডার ফাংশন ফাংশন নেয়, রিটার্ন করে বা উভয়ই করে।

উদাহরণ

<!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: 18px; font-weight: 500; color: rebeccapurple; }
        .result { color: red; }
    </style>
</head>
<body>
    <h1>জাভাস্ক্রিপ্টে হাইয়ার-অর্ডার অ্যারো ফাংশন</h1>
    <div class="sample">[22,33,44,55]</div>
    <br />
    <div class="result"></div>
    <br />
    <button class="Btn">এখানে ক্লিক করুন</button>
    <h3>উপরোক্ত বাটনে ক্লিক করুন অ্যারে এর প্রতিটি এলিমেন্ট ডাবল করতে</h3>
    <script>
        let resEle = document.querySelector(".result");
        let BtnEle = document.querySelector(".Btn");
        let doubleNum = (ele) => ele * 2;
        let arr = [22, 33, 44, 55];
        function doubleArray(arr, fn) {
            let doubleArr = [];
            arr.forEach((element) => {
                doubleArr.push(fn(element));
            });
            return doubleArr;
        }
        BtnEle.addEventListener("click", () => {
            resEle.innerHTML = "New array = " + doubleArray(arr, doubleNum);
        });
    </script>
</body>
</html>

আউটপুট

বাটনে ক্লিক করলে অ্যারে এর প্রতিটি এলিমেন্ট ২ গুন হয়ে নতুন অ্যারে তৈরি হবে।