लोकल JSON फ़ाइल डेटा को जावास्क्रिप्ट वेरिएबल में कैसे इम्पोर्ट करें?

हमारे पास एक डायरेक्टरी में employees.json फ़ाइल है, उसी डायरेक्टरी में एक js फ़ाइल है जिसमें हम json फ़ाइल की सामग्री इम्पोर्ट करना चाहते हैं।

employees.json की सामग्री:

employees.json

"Employees" : [    {       "userId":"ravjy", "jobTitleName":"Developer", "firstName":"Ran","lastName":"Vijay",       "preferredFullName":"Ran Vijay","employeeCode":"H9","region":"DL","phoneNumber":"34567689",       "emailAddress":"ranvijay.k.ran@gmail.com"    },    {       "userId":"mrvjy","jobTitleName":"Developer","firstName":"Murli","lastName":"Vijay",       "preferredFullName":"Murli Vijay","employeeCode":"A2","region":"MU",       "phoneNumber":"6543565","emailAddress":"murli@vijay.com"       }    ] }

हम json फ़ाइल तक पहुंचने के लिए निम्न दो तरीकों में से किसी का उपयोग कर सकते हैं:

require मॉड्यूल का उपयोग करना

require मॉड्यूल का उपयोग करके employees.json तक पहुंचने का कोड:

const data = require('./employees.json'); console.log(data);

fetch फ़ंक्शन का उपयोग करना

fetch फ़ंक्शन का उपयोग करके employees.json तक पहुंचने का कोड:

fetch("./employees.json") .then(response => {    return response.json(); }) .then(data => console.log(data));

नोट - जबकि पहला फ़ंक्शन नोड एनवायरनमेंट के लिए बेहतर अनुकूल है, दूसरा फ़ंक्शन केवल वेब एनवायरनमेंट में काम करता है क्योंकि fetch API केवल वेब एनवायरनमेंट में सुलभ है।

उपरोक्त में से किसी को भी require या fetch फ़ंक्शन का उपयोग करके चलाने के बाद, कंसोल आउटपुट निम्नानुसार है:

{    Employees: [       {          userId: 'ravjy',          jobTitleName: 'Developer',          firstName: 'Ran',          lastName: 'Vijay',          preferredFullName: 'Ran Vijay',          employeeCode: 'H9',          region: 'DL',          phoneNumber: '34567689',          emailAddress: 'ranvijay.k.ran@gmail.com'       },       {          userId: 'mrvjy',          jobTitleName: 'Developer',          firstName: 'Murli',          lastName: 'Vijay',          preferredFullName: 'Murli Vijay',          employeeCode: 'A2',          region: 'MU',          phoneNumber: '6543565',          emailAddress: 'murli@vijay.com'       }    ] }