ধরুন আমাদের একটি JSON ফাইল config.json আছে যাতে নিম্নলিখিত ডেটা রয়েছে −
{
"secret": "sfsaad7898fdsfsdf^*($%^*$",
"connectionString":
"mongodb+srv://username:[email protected]/events?retryWrites=tr
ue&w=majority",
"localConnectionString":
"mongodb+srv://username:[email protected]/eventsLocal?retryWrit
es=true&w=majority",
"frontendClient": "https://helloworld.com",
"localFrontendClient": "https://localhost:3000"
} এবং একই ডিরেক্টরিতে (ফোল্ডার), আমাদের একটি JavaScript ফাইল আছে index.js .
আমাদের কাজ হল জাভাস্ক্রিপ্ট ফাইলের মাধ্যমে json ফাইলের বিষয়বস্তু অ্যাক্সেস করা।
পদ্ধতি 1:প্রয়োজন মডিউল ব্যবহার করা (শুধুমাত্র নোডজেএস পরিবেশ)
আমরা যদি আমাদের জাভাস্ক্রিপ্ট ফাইলটি NodeJS পরিবেশে চালাই তাহলে json ফাইলটি অ্যাক্সেস করতে আমরা প্রয়োজনীয় মডিউল ব্যবহার করতে পারি।
উদাহরণ
এর জন্য কোড হবে −
const configData = require('./config.json');
console.log(typeof configData);
console.log(configData); পদ্ধতি 2:ES6 আমদানি মডিউল ব্যবহার করা (শুধুমাত্র ওয়েব রানটাইম পরিবেশ)
ব্রাউজারে জাভাস্ক্রিপ্ট চালানোর সময় আমরা যদি json ফাইলটি অ্যাক্সেস করতে চাই, আমরা এটি করতে ES6 ইম্পোর্ট সিনট্যাক্স ব্যবহার করতে পারি।
উদাহরণ
এর জন্য কোড হবে −
HTML ফাইল:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>READ JSON FILE</title> </head> <body> <p id='main'></p> <script type="module" src="./index.js"></script> </body> </html>
জাভাস্ক্রিপ্ট ফাইল:
import configData from './config.json';
document.getElementById('main').innerHTML = JSON.stringify(configData); আউটপুট
এবং আউটপুট হবে −
{
secret: 'sfsaad7898fdsfsdf^*($%^*$',
connectionString:
'mongodb+srv://username:[email protected]/events?retryWrites=tr
ue&w=majority',
localConnectionString:
'mongodb+srv://username:[email protected]/eventsLocal?retryWrit
es=true&w=majority',
frontendClient: 'https://helloworld.com',
localFrontendClient: 'https://localhost:3000'
} 