জাভাস্ক্রিপ্টে লোকাল 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));

নোট - প্রথম ফাংশন Node এনভায়রনমেন্টের জন্য উপযোগী, দ্বিতীয় ফাংশন শুধু ওয়েব এনভায়রনমেন্টে কাজ করে কারণ 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'       }    ] }