JavaScript with JSON Syntax – সম্পূর্ণ বিস্তারিত বাংলা টিউটোরিয়াল
JSON (JavaScript Object Notation) হলো একটি হালকা ও সহজবোধ্য ডেটা ফরম্যাট যা মূলত key-value জোড়ার মাধ্যমে ডেটা সংরক্ষণ ও আদানপ্রদান করে। এই টিউটোরিয়ালে আমরা JSON-এর সঠিক সিনট্যাক্স এবং এর গুরুত্বপূর্ণ নিয়মাবলী বিস্তারিতভাবে আলোচনা করব।
JSON Syntax এর মৌলিক নিয়মাবলী
- JSON একটি
objectঅথবাarrayআকারে থাকতে পারে। - JSON এর মূল অংশ হলো
key-valueপেয়ার, যেখানে key এবং value থাকে। - প্রতিটি key একটি
stringহতে হবে, এবং এটি অবশ্যইdouble quotes (" ")এর মধ্যে থাকবে। - Value হতে পারে
string, number, boolean, null, array, object। - প্রতিটি key-value পেয়ার কমা দিয়ে আলাদা থাকবে, তবে শেষ পেয়ারটির পরে কমা থাকবে না।
- JSON-এ কমেন্ট (
//বা/* */) লেখা যাবে না।
JSON Object এর সিনট্যাক্স উদাহরণ
{
"name": "Raju", <!-- key "name" এবং string value -->
"age": 28, <!-- key "age" এবং number value -->
"isStudent": false, <!-- key "isStudent" এবং boolean value -->
"address": null <!-- key "address" এবং null value -->
}
ব্যাখ্যা: এখানে JSON object-এ চারটি key-value পেয়ার আছে। প্রত্যেক key string হিসেবে ডাবল কোটেশনের মধ্যে এবং value বিভিন্ন ধরনের হতে পারে।
JSON Array এর সিনট্যাক্স উদাহরণ
[
"apple",
"banana",
"mango",
"orange"
]
ব্যাখ্যা: উপরের JSON একটি array যা string এর তালিকা হিসেবে আছে। JSON array-এ বিভিন্ন ধরনের value থাকতে পারে, যেমন:
[
"apple", <!-- string -->
10, <!-- number -->
true, <!-- boolean -->
null, <!-- null -->
{"name": "John", "age": 30} <!-- object -->
]
JavaScript এ JSON Object কিভাবে লেখা হয়
JavaScript এর অবজেক্ট এবং JSON দেখতে প্রায় একই রকম, তবে JSON এ key গুলো অবশ্যই ডাবল কোটেশনে থাকতে হবে এবং কমা ও অন্যান্য নিয়ম অবশ্য পালন করতে হবে। নিচে JavaScript অবজেক্ট এবং JSON এর পার্থক্য দেখানো হলো:
| JavaScript Object | JSON |
|---|---|
| { name: ‘Rafi’, age: 25, married: false } |
{ “name”: “Rafi”, “age”: 25, “married”: false } |
ব্যাখ্যা: JavaScript অবজেক্টে key গুলো string হলে ডাবল কোটেশনের প্রয়োজন নেই, কিন্তু JSON এ সব key ডাবল কোটেশনে থাকতে হবে। এছাড়া JavaScript এ সিঙ্গেল কোটেশন চালু, JSON-এ অবশ্যই ডাবল কোটেশন।
️ JSON এ ব্যবহারযোগ্য Value টাইপগুলো
- String: অবশ্যই ডাবল কোটেশন দিয়ে ঘেরা, যেমন:
"Hello" - Number: পূর্ণসংখ্যা বা দশমিক সংখ্যা, যেমন:
25,3.14 - Boolean:
trueঅথবাfalse - Null:
nullদিয়ে মান শূন্য নির্দেশ করা হয় - Object: অন্য একটি JSON অবজেক্ট, যেমন:
{"city": "Dhaka"} - Array: উপরের মত JSON array
JSON এ কি করা যাবে না?
- Key হিসেবে number ব্যবহার করা যাবে না, সব key অবশ্যই string হবে।
- Key বা value এ কমেন্ট লিখা যাবে না।
- কোনো ফাংশন বা method JSON এ থাকতে পারে না।
- কোনো অবজেক্টের প্রপার্টি ডুপ্লিকেট হতে পারবে না।
✅ JSON সিনট্যাক্স প্র্যাকটিস উদাহরণ
{
"product": "Laptop",
"price": 45000,
"inStock": true,
"features": [
"Intel i5 CPU",
"8GB RAM",
"512GB SSD"
],
"warranty": null
}
উপরের JSON-এ দেখুন, features একটি array এবং warranty null মানে শূন্য।
JavaScript এ JSON Syntax এর ব্যবহার
let jsonString = '{"name":"Alamin","age":29,"city":"Chattogram"}'; // JSON string
let obj = JSON.parse(jsonString); // JSON string থেকে JavaScript object এ রূপান্তর
console.log(obj.name); // আউটপুট: Alamin
let backToJson = JSON.stringify(obj); // আবার object থেকে JSON string এ রূপান্তর
console.log(backToJson);
ব্যাখ্যা: JSON.parse() JSON string কে অবজেক্টে রূপান্তর করে, আর JSON.stringify() অবজেক্টকে JSON string-এ রূপান্তর করে।
সারাংশ
- JSON হলো ডেটা আদানপ্রদানের সবচেয়ে জনপ্রিয় ফরম্যাট।
- JSON syntax খুবই স্পষ্ট এবং নির্দিষ্ট নিয়ম অনুসরণ করে।
- JSON ফাইল বা স্ট্রিং-এ সব key ডাবল কোটেশন দিয়ে ঘেরা এবং value বিভিন্ন ধরনে হতে পারে।
- JavaScript এ JSON ব্যবহার করার জন্য
JSON.parse()ওJSON.stringify()খুবই গুরুত্বপূর্ণ।