JSON হল একটি লাইটওয়েট ডেটা ইন্টিগ্রেশন ফরম্যাট যা প্রধানত এক সার্ভার বা সিস্টেম থেকে অন্য সার্ভারে ডেটা সঞ্চয় ও পরিবহন করতে ব্যবহৃত হয়। অন্যদিকে, একটি মানচিত্র ডেটা সঞ্চয় করে এবং এটি কী মান বিন্যাস ব্যবহার করে যেখানে কীটিতে যে কোনও ডেটা টাইপ থাকতে পারে। বিকাশকারী তার সংশ্লিষ্ট কী নির্বাচন করে নির্দিষ্ট ডেটা পুনরুদ্ধার করতে পারে।
এই নিবন্ধটি নিম্নলিখিত বিভাগগুলি কভার করে জাভাস্ক্রিপ্টের একটি ম্যাপ থেকে JSON রূপান্তর করার প্রক্রিয়া ব্যাখ্যা করে:
- জাভাস্ক্রিপ্টের একটি মানচিত্রে JSON ডেটা কীভাবে রূপান্তর করবেন?
- জাভাস্ক্রিপ্টে একটি মানচিত্র থেকে JSON ডেটা কীভাবে রূপান্তর করবেন?
- কীভাবে JSON API আনবেন এবং এর ডেটাকে মানচিত্রে রূপান্তর করবেন
জাভাস্ক্রিপ্টের একটি মানচিত্রে JSON ডেটা কীভাবে রূপান্তর করবেন?
JSON ডেটাকে ম্যাপে রূপান্তর করা হলে কী-মান পেয়ার ফরম্যাট হিসাবে সংরক্ষণ করা হয় 'মানচিত্র' এবং JSON-এর মতই কী-মান আকারে ডেটা সঞ্চয় করে। সুতরাং, বিকাশকারী কীগুলির মূল ক্রম বজায় রাখতে পারে যা জাভাস্ক্রিপ্ট অবজেক্ট রূপান্তরের সাথে নিশ্চিত নয়। রূপান্তর 'JSON' মধ্যে তথ্য 'মানচিত্র' আরও নমনীয়তা অফার করে এবং ডেভেলপারকে ডেটার উপর দিয়ে যাওয়ার সময় সহজতা প্রদানের জন্য মানচিত্র বিল্ট-ইন পদ্ধতি ব্যবহার করার অনুমতি দেয়।
আসুন নীচের কোড ব্লকটি দেখুন যেখানে JSON হার্ড-কোডেড ডেটা একটি মানচিত্রে রূপান্তরিত হবে:
< স্ক্রিপ্ট প্রকার = 'টেক্সট/জাভাস্ক্রিপ্ট' >
const json ফরম্যাট = '{'author1':'Jackson','author2':'Reed','author3':'Tasha','author4':'Petterson'}' ;
const মানচিত্র বিন্যাস = নতুন মানচিত্র ( অবজেক্ট . এন্ট্রি ( JSON। পার্স ( json ফরম্যাট ) ) ) ;
কনসোল লগ ( মানচিত্র বিন্যাস ) ;
লিপি >
উপরের কোডের ব্যাখ্যা হিসাবে বলা হয়েছে:
- প্রথমে একটি কনস্ট টাইপ ভেরিয়েবল তৈরি করুন 'json ফরম্যাট' JSON ফর্ম্যাটে অর্থাৎ কী-মান ফর্ম্যাটে ডেটা রয়েছে৷
- এরপরে, নামের সাথে মানচিত্রের একটি নতুন উদাহরণ তৈরি করুন 'মানচিত্র বিন্যাস' . JSON ডেটা পার্স করতে, পাস করুন 'মানচিত্র বিন্যাস' ভিতরে 'JSON.parse()' পদ্ধতি
- তারপর, এই পদ্ধতি দ্বারা ফিরে ফলাফল পাস করুন 'Object.entries()' অ্যারের একটি অ্যারে তৈরি করতে এবং প্রতিটি অভ্যন্তরীণ অ্যারে কী-মান জোড়া উপস্থাপন করে।
- শেষ ফলাফল বা ভিতরে সঠিক প্রান্তিককরণ বরাবর এই সব পদ্ধতি পাস 'মানচিত্র' নির্মাণকারী এখন, তার উদাহরণ 'মানচিত্র বিন্যাস' রূপান্তরিত JSON ডেটা রয়েছে যা ব্যবহার করে কনসোল উইন্ডোতে প্রদর্শিত হয় 'console.log()' পদ্ধতি
উপরের কোডটি সংকলন করার পরে, কনসোল উইন্ডোটি দেখতে এইরকম হবে:
আউটপুট নিশ্চিত করে যে JSON ডেটা মানচিত্রে রূপান্তরিত হয়েছে। আরও তথ্য এবং উদাহরণের জন্য JSON ডেটাকে একটি অ্যারে বা মানচিত্রে রূপান্তর করতে, আপনি আমাদের অন্যটিতে যেতে পারেন নিবন্ধ .
জাভাস্ক্রিপ্টে একটি মানচিত্র থেকে JSON ডেটা কীভাবে রূপান্তর করবেন?
JSON ফর্ম্যাটে ডেটা রূপান্তর করা তার আজীবন উপলব্ধতা বাড়ায় এবং ডেটা হারানো ছাড়াই আপনাকে নেটওয়ার্কের মাধ্যমে যে কোনও জায়গায় এই ডেটা পাঠাতে দেয়৷ অধিকন্তু, JSON বিন্যাসটি সহজেই মানব-পাঠযোগ্য এবং ওয়েব API বা কনফিগারেশন ফাইলগুলিতে ব্যবহার করা যেতে পারে। নীচের প্রোগ্রামে, মানচিত্রের ডেটা JSON ফর্ম্যাটে রূপান্তরিত হতে চলেছে:
< স্ক্রিপ্ট প্রকার = 'টেক্সট/জাভাস্ক্রিপ্ট' >const মানচিত্র বিন্যাস = নতুন মানচিত্র ( [
[ 'লেখক1' , 'জ্যাকসন' ] ,
[ 'লেখক2' , 'রিড' ] ,
[ 'লেখক3' , 'তাশা' ] ,
[ 'লেখক4' , 'পিটারসন' ] ,
] ) ;
const json ফরম্যাট = JSON। stringify ( অবজেক্ট . এন্ট্রি থেকে ( মানচিত্র বিন্যাস ) ) ;
কনসোল লগ ( json ফরম্যাট ) ;
লিপি >
উপরের কোড ব্লকের ব্যাখ্যা হিসাবে বলা হয়েছে:
- প্রথম, উদাহরণ নাম 'মানচিত্র বিন্যাস' ম্যাপের জন্য তৈরি করা হয়েছে যাতে বেশ কয়েকটি এন্ট্রি রয়েছে।
- পরবর্তী, 'Object.fromEntry()' পদ্ধতি ব্যবহার করা হয় এবং 'মানচিত্র বিন্যাস' এটা পাস করা হয়. এটি প্রদত্ত মানচিত্র ডেটাকে নেস্টেড অ্যারেতে রূপান্তর করবে।
- তারপর, নেস্টেড অ্যারে পাস করা হয় 'JSON.stringify()' কী-মান জোড়ার প্রান্তিককরণ সংরক্ষণ করার সময় নেস্টেড অ্যারেকে JSON ফর্ম্যাটে রূপান্তর করার পদ্ধতি।
- শেষ পর্যন্ত, জেনারেট করা JSON ফর্ম্যাট ডেটা কনসোল উইন্ডোতে প্রদর্শিত হয়।
উপরের কোড কম্পাইলেশনের পরে উত্পন্ন আউটপুট নীচে দেখানো হয়েছে:
আউটপুট দেখায় যে মানচিত্র ডেটা এখন JSON ফর্ম্যাটে সফলভাবে রূপান্তরিত হয়েছে৷
কীভাবে JSON API আনবেন এবং এর ডেটাকে মানচিত্রে রূপান্তর করবেন?
API থেকে প্রাপ্ত JSON ডেটাও প্রথম বিভাগে উপরে বর্ণিত একই পদ্ধতি ব্যবহার করে সরাসরি মানচিত্রে রূপান্তর করা যেতে পারে। এটি করার জন্য, APIটি প্রথমে আনতে হবে তারপরে আনা JSON ডেটা মানচিত্রে রূপান্তরিত হবে, যেমনটি নীচে দেখানো হয়েছে:
< লিপি >অ্যাসিঙ্ক ফাংশন JSONApi রূপান্তর করুন ( ) {
চেষ্টা করুন {
const res = আনার জন্য অপেক্ষা করুন ( 'https://jsonplaceholder.typicode.com/todos/' ) ;
const json ফরম্যাট = res এর জন্য অপেক্ষা করুন json ( ) ;
const মানচিত্র বিন্যাস = নতুন মানচিত্র ( অবজেক্ট . এন্ট্রি ( json ফরম্যাট ) ) ;
কনসোল লগ ( মানচিত্র বিন্যাস ) ;
} ধরা ( কারণ ত্রুটি ) {
কনসোল ত্রুটি ( 'ডেটা আনা বা রূপান্তর করতে ত্রুটি:' , কারণ ত্রুটি ) ;
}
}
JSONApi রূপান্তর করুন ( ) ;
লিপি >
উপরের কোডের বর্ণনা নিচে দেওয়া হল:
- প্রথম, অ্যাসিঙ্ক্রোনাস ফাংশন নামে 'convertJSONApi()' ফাংশনের পিছনে 'async' কীওয়ার্ড ব্যবহার করে সংজ্ঞায়িত করা হয় 'কীওয়ার্ড' .
- পরবর্তী, ব্যবহার করুন 'চেষ্টা' ব্লক করুন এবং একটি তৈরি করুন 'const' পরিবর্তনশীল টাইপ করুন 'রেস' যেটি API থেকে আনা ডেটা সংরক্ষণ করবে। ভিতরে API লিঙ্ক সন্নিবেশ দ্বারা আনা হয় 'আনয়ন()' পদ্ধতি এছাড়াও, সংযুক্ত করুন 'অপেক্ষা করুন' এর পিছনে কীওয়ার্ড 'আনয়ন()' সমস্ত API ডেটার আগমনের জন্য অপেক্ষা করার পদ্ধতি।
- তারপর, প্রয়োগ করুন 'json()' সমস্ত প্রাপ্ত বা আনা ডেটা পড়ার জন্য 'res' ভেরিয়েবলের পদ্ধতি। দ্য 'অপেক্ষা করুন' ডেটা পড়ার সম্পূর্ণ হওয়ার জন্য অপেক্ষা করার জন্য এর পিছনে কীওয়ার্ড প্রয়োগ করা হয়। নামের ভেরিয়েবলে ফলাফল পাস করুন 'json ফরম্যাট' .
- এর পরে, দ 'json ফরম্যাট' নামের পদ্ধতির ভিতরে পাস করা হয় 'Object.entries()' প্রদত্ত ডেটার জন্য একটি নেস্টেড অ্যারে তৈরি করতে। এই তারপর ভিতরে পাস করা হয় 'মানচিত্র()' কনস্ট্রাক্টর অ্যারেগুলিকে মানচিত্রে রূপান্তর করতে এবং এতে সংরক্ষিত হয় 'মানচিত্র' উদাহরণ নামে 'মানচিত্র বিন্যাস' .
- এই নিয়ে আসা JSON API যা এখন ম্যাপে রূপান্তরিত হয় তারপর কনসোলে প্রদর্শন করে প্রদর্শিত হয়৷ 'মানচিত্র বিন্যাস' এর ভিতরে পরিবর্তনশীল 'console.log()' পদ্ধতি
- পুরো প্রক্রিয়া চলাকালীন কোনো সৃষ্ট ত্রুটি ধরার জন্য, ব্যবহার করুন 'ধরা' ব্লক করুন এবং এটিতে একটি ডামি প্যারামিটার পাস করুন যাতে ঘটেছে ত্রুটি রয়েছে এবং এটি পরিচালনা করার জন্য একটি ডামি বার্তা প্রদর্শন করে।
উপরের কোডটি সম্পূর্ণ হওয়ার পরে আউটপুট নীচে দেখানো হয়েছে:
আউটপুট দেখায় যে প্রদত্ত API থেকে JSON ফর্ম্যাট ডেটা পুনরুদ্ধার করা হয়েছে এবং তারপরে এই ডেটা মানচিত্রে রূপান্তরিত হয়েছে।
আপনি জাভাস্ক্রিপ্টে JSON-কে ম্যাপে এবং ম্যাপ-কে JSON-এ রূপান্তর করার প্রক্রিয়া সম্পর্কে জেনেছেন।
উপসংহার
JSON ডেটাকে মানচিত্রে রূপান্তর করতে, পদ্ধতিগুলি যেমন 'JSON.parse()' এবং 'Object.entries()' ব্যবহৃত. প্রথমটি JSON ডেটা পার্স করে এবং দ্বিতীয়টি পার্স করা ডেটার একটি নেস্টেড অ্যারে তৈরি করে৷ মানচিত্র ডেটাকে JSON ফর্ম্যাটে রূপান্তর করার ক্ষেত্রে, 'Object.fromEntry()' এবং 'JSON.stringify()' পদ্ধতিগুলি ব্যবহার করা হয় যা ডেটাকে নেস্টেড অ্যারেতে রূপান্তর করবে এবং যথাক্রমে JSON ফর্ম্যাটে রূপান্তর করবে। এই ব্লগটি জাভাস্ক্রিপ্টে একটি মানচিত্রে এবং থেকে JSON রূপান্তর করার পদ্ধতি ব্যাখ্যা করেছে৷