मान लीजिए, हमारे पास सरणियों की एक नेस्टेड सरणी है जैसे -
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 कोड -
JS Bin
आउटपुट
आउटपुट होगा -
