কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্টে for...in স্টেটমেন্ট ব্যাখ্যা

for...in লুপটি একটি অবজেক্টের সব প্রোপার্টির মাধ্যমে লুপ করে। জাভাস্ক্রিপ্টে for..in স্টেটমেন্ট বাস্তবায়নের জন্য নিচের কোডটি দেখুন।

উদাহরণ

<!DOCTYPE html> <html lang="bn"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>for...in স্টেটমেন্ট উদাহরণ</title> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .sample,.result {       font-size: 18px;       font-weight: 500;       color: red;    } </style> </head> <body> <h1>জাভাস্ক্রিপ্টে "for...in" স্টেটমেন্ট</h1> <div class="sample"> {"firstName":"Rohan","lastName":"Sharma","age":22} </div> <div class="result" style="color: green;"></div> <button class="Btn">এখানে ক্লিক করুন</button> <h3>উপরোক্ত বাটনে ক্লিক করুন for..in লুপ ব্যবহার করে উপরের অবজেক্টটি ট্রাভার্স করতে</h3> <script>    let sampleEle = document.querySelector(".sample");    let resultEle = document.querySelector(".result");    let obj = JSON.parse(sampleEle.innerHTML);    document.querySelector(".Btn").addEventListener("click", () => {       for (let i in obj) {           resultEle.innerHTML += "প্রোপার্টি = " + i + " : মান = " + obj[i] + "<br>";       }    }); </script> </body> </html>

আউটপুট

উপরোক্ত কোড নিচের আউটপুট দেবে:

জাভাস্ক্রিপ্টে for...in স্টেটমেন্ট ব্যাখ্যা

'এখানে ক্লিক করুন' বাটনে ক্লিক করার পর:

জাভাস্ক্রিপ্টে for...in স্টেটমেন্ট ব্যাখ্যা

  1. জাভাস্ক্রিপ্টে স্ক্রল ইভেন্টস ব্যাখ্যা

  2. জাভাস্ক্রিপ্টে গ্রুপিং অপারেটর ব্যাখ্যা

  3. জাভাস্ক্রিপ্টে নেটিভ প্রোটোটাইপ ব্যাখ্যা

  4. জাভাস্ক্রিপ্টে শর্টহ্যান্ড (Arrow) ফাংশন ব্যাখ্যা