ধরুন, আমাদের কাছে এই −
এর মতো অ্যারের একটি নেস্টেড অ্যারে আছেconst arr = [ 'Value 1', ['Inner value 1', 'Inner value 2', 'Inner value 3', 'Inner value 4'], 'Value 2', 'Value 3', 'Value 4', 'Value 5', 'Value 6' ];
আমাদের একটি জাভাস্ক্রিপ্ট প্রোগ্রাম লিখতে হবে যা HTML-এর নেস্টেড অ-ক্রমবিহীন তালিকায় লিটারেলের অ্যারেগুলির এই জাতীয় যেকোন নেস্টেড অ্যারেকে ম্যাপ করতে হবে৷
এখানে যত্ন নেওয়ার একমাত্র জিনিস হল যে উল-এর নেস্টিং অ্যারের নেস্টিংয়ের মতোই হতে হবে৷
উদাহরণ
এর জন্য কোড হবে −
জাভাস্ক্রিপ্ট কোড −
const arr = [ 'Value 1', ['Inner value 1', 'Inner value 2', 'Inner value 3', 'Inner value 4'], 'Value 2', 'Value 3', 'Value 4', 'Value 5', 'Value 6' ]; const prepareUL = (root, arr) => { let ul = document.createElement('ul'); let li; root.appendChild(ul); arr.forEach(function(item) { if (Array.isArray(item)) { prepareUL(li, item); return; }; li = document.createElement('li'); li.appendChild(document.createTextNode(item)); ul.appendChild(li); }); } const div = document.getElementById('myList'); prepareUL(div, arr);
HTML কোড −
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> </head> <body> <div id="myList"></div> </body> </html>
আউটপুট
এবং আউটপুট হবে −