Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

JavaScript में सब-ऑब्जेक्ट्स और सरणियों वाले ऑब्जेक्ट को कैसे इम्पोर्ट करें?


JavaScript में सब-ऑब्जेक्ट्स और सरणियों वाले ऑब्जेक्ट को इम्पोर्ट करने का निम्नलिखिक कोड है:

उदाहरण

<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Import Nested Object Demo</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result{ font-size: 18px; font-weight: 500; } </style> </head> <body> <h1>सब-ऑब्जेक्ट्स और सरणियों वाले ऑब्जेक्ट को इम्पोर्ट करें</h1> <div class="result" style="color: green;"></div> <script> let sampleEle = document.querySelector(".sample"); let obj = JSON.parse(sampleEle.innerHTML); </script> <script src="script.js" type="module"> </script> </body> </html>

script.js

import obj from "./sample.js"; let resultEle = document.querySelector(".result"); for (let i in obj) { resultEle.innerHTML += "प्रॉपर्टी = " + i + " : मान = " + obj[i] + ""; }

sample.js

export default{ firstName: "रोहन", lastName: "शर्मा", school: { name: "सेंट मार्क्स", address: "USA", }, sports: ["क्रिकेट", "फुटबॉल"], };

आउटपुट

उपरोक्त कोड निम्नलिखिक आउटपुट देगा:

JavaScript में सब-ऑब्जेक्ट्स और सरणियों वाले ऑब्जेक्ट को कैसे इम्पोर्ट करें?


  1. CSS और JavaScript से टैब्स कैसे बनाएं? CSS और JavaScript से टैब्स कैसे बनाएं?

    बेसिक टैब्स इम्प्लीमेंटेशन CSS और JavaScript से टैब्स बनाने का कोड: उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1> <style> .tab { overflow: hidden; border: 2px solid gray; background-colo

  1. JavaScript में मॉड्यूल/लाइब्रेरी कैसे आयात और निर्यात करें? JavaScript में मॉड्यूल/लाइब्रेरी कैसे आयात और निर्यात करें?

    नोट - इस उदाहरण को चलाने के लिए आपको लोकलहोस्ट सर्वर चलाने की आवश्यकता होगी।JavaScript में मॉड्यूल/लाइब्रेरी आयात और निर्यात करने के लिए कोड निम्न है -उदाहरणINDEX.html<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="view

  1. जावास्क्रिप्ट में ऑब्जेक्ट्स को सिंगल ऑब्जेक्ट ऐरे में मर्ज कैसे करें? जावास्क्रिप्ट में ऑब्जेक्ट्स को सिंगल ऑब्जेक्ट ऐरे में मर्ज कैसे करें?

    ऑब्जेक्ट्स को सिंगल ऑब्जेक्ट ऐरे में मर्ज करने के लिए निम्नलिखित कोड है: उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title&g