জাভাস্ক্রিপ্ট: নেস্টেড অ্যারে অনুযায়ী নেস্টেড আনঅর্ডার্ড লিস্ট তৈরি করা

মান লিজিয়ে, আমাদের কাছে একটি নেস্টেড অ্যারে আছে অ্যারেগুলোরแบบে এইভাবে −

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-এ ম্যাপ করবে।

এখানে একমাত্র খেয়াল রাখার বিষয় হল ul-এর নেস্টিং অ্যারেতের নেস্টিং-এর সাথে ঠিক একই হতে হবে।

উদাহরণ

এটির জন্য কোড হবে −

জাভাস্ক্রিপ্ট কোড −

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>

আউটপুট

আউটপুট হবে −