मान लीजिए, हमारे पास इस तरह की सरणियों की एक नेस्टेड सरणी है -
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 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); एचटीएमएल कोड -
<!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>
आउटपुट
और आउटपुट होगा -
