ধরুন, আমাদের কাছে এই −
এর মতো অ্যারের একটি নেস্টেড অ্যারে আছে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>
আউটপুট
এবং আউটপুট হবে −
