JSON ایک ہلکا پھلکا ڈیٹا انٹیگریشن فارمیٹ ہے جو بنیادی طور پر ڈیٹا کو ایک سرور یا سسٹم سے دوسرے سرور میں اسٹور اور ٹرانسپورٹ کرنے کے لیے استعمال کیا جاتا ہے۔ دوسری طرف، ایک نقشہ بھی ڈیٹا کو ذخیرہ کرتا ہے اور یہ کلیدی قدر کی شکل کا استعمال کرتا ہے جہاں کلید میں کسی بھی قسم کی ڈیٹا ہو سکتی ہے۔ ڈویلپر اس کی متعلقہ کلید کو منتخب کرکے مخصوص ڈیٹا کو بازیافت کرسکتا ہے۔
یہ مضمون مندرجہ ذیل حصوں کا احاطہ کرتے ہوئے JSON کو جاوا اسکرپٹ میں/سے نقشے میں تبدیل کرنے کے عمل کی وضاحت کرتا ہے۔
- جاوا اسکرپٹ میں JSON ڈیٹا کو نقشے میں کیسے تبدیل کیا جائے؟
- جاوا اسکرپٹ میں نقشہ سے JSON ڈیٹا کو کیسے تبدیل کیا جائے؟
- JSON API کو کیسے حاصل کریں اور اس کے ڈیٹا کو نقشے میں تبدیل کریں۔
جاوا اسکرپٹ میں JSON ڈیٹا کو نقشے میں کیسے تبدیل کیا جائے؟
JSON ڈیٹا کو نقشہ میں تبدیل کرنا کلیدی قدر کے جوڑے کی شکل کو بطور محفوظ رکھتا ہے۔ 'نقشہ' اور JSON کی طرح کلیدی قدر کی شکل میں بھی ڈیٹا اسٹور کرتا ہے۔ لہذا، ڈویلپر کلیدوں کی اصل ترتیب کو برقرار رکھ سکتا ہے جس کی جاوا اسکرپٹ آبجیکٹ کی تبدیلی کے ساتھ ضمانت نہیں ہے۔ تبدیل کرنا 'JSON' میں ڈیٹا 'نقشہ' مزید لچک پیش کرتا ہے اور ڈویلپر کو ڈیٹا کو عبور کرتے ہوئے آسانی فراہم کرنے کے لیے Map کے بلٹ ان طریقوں کو استعمال کرنے کی اجازت دیتا ہے۔
آئیے نیچے دیے گئے کوڈ بلاک پر جائیں جہاں JSON ہارڈ کوڈڈ ڈیٹا کو نقشہ میں تبدیل کیا جائے گا۔
< سکرپٹ کی قسم = 'متن/جاوا اسکرپٹ' >
const jsonFormat = '{'author1':'Jackson','author2':'Reed','author3':'Tasha','author4':'Petterson'}' ;
const نقشہ کی شکل = نئی نقشہ ( چیز . اندراجات ( JSON. تجزیہ ( jsonFormat ) ) ) ;
تسلی. لاگ ( نقشہ کی شکل ) ;
سکرپٹ >
مذکورہ کوڈ کی وضاحت یوں بیان کی گئی ہے:
- سب سے پہلے، نام کا ایک const قسم کا متغیر بنائیں 'jsonFormat' JSON فارمیٹ میں ڈیٹا پر مشتمل ہے یعنی کلیدی قدر کی شکل میں۔
- اگلا، نام کے ساتھ نقشہ کی ایک نئی مثال بنائیں 'نقشہ کی شکل' . JSON ڈیٹا کو پارس کرنے کے لیے، پاس کریں۔ 'نقشہ کی شکل' کے اندر 'JSON.parse()' طریقہ
- اس کے بعد، اس طریقہ سے واپس آنے والے نتیجے کو میں پاس کریں۔ 'Object.entries()' صفوں کی ایک صف بنانے کے لیے اور ہر اندرونی صف کلیدی قدر کے جوڑوں کی نمائندگی کرتی ہے۔
- اختتامی نتیجہ یا ان تمام طریقوں کو اندر مناسب سیدھ کے ساتھ پاس کریں۔ 'نقشہ' کنسٹرکٹر اب، اس کی مثال 'نقشہ کی شکل' تبدیل شدہ JSON ڈیٹا پر مشتمل ہے جو استعمال کرتے ہوئے کنسول ونڈو پر ظاہر ہوتا ہے۔ 'console.log()' طریقہ
مندرجہ بالا کوڈ کی تالیف کے بعد، کنسول ونڈو اس طرح نظر آئے گی:
آؤٹ پٹ اس بات کی تصدیق کرتا ہے کہ JSON ڈیٹا کو نقشہ میں تبدیل کر دیا گیا ہے۔ مزید معلومات اور مثالوں کے لیے JSON ڈیٹا کو ایک صف یا نقشہ میں تبدیل کرنے کے لیے، آپ ہمارا دوسرا ملاحظہ کر سکتے ہیں۔ مضمون .
جاوا اسکرپٹ میں نقشہ سے JSON ڈیٹا کو کیسے تبدیل کیا جائے؟
ڈیٹا کو JSON فارمیٹ میں تبدیل کرنا اس کی زندگی بھر کی دستیابی کو بڑھاتا ہے اور آپ کو ڈیٹا کو کھونے کے بغیر نیٹ ورک پر کہیں بھی بھیجنے کی اجازت دیتا ہے۔ مزید برآں، JSON فارمیٹ آسانی سے انسانی پڑھنے کے قابل ہے اور اسے ویب API یا کنفیگریشن فائلوں میں استعمال کیا جا سکتا ہے۔ مندرجہ ذیل پروگرام میں، نقشہ کے ڈیٹا کو JSON فارمیٹ میں تبدیل کیا جائے گا:
< سکرپٹ کی قسم = 'متن/جاوا اسکرپٹ' >const نقشہ کی شکل = نئی نقشہ ( [
[ 'مصنف1' , 'جیکسن' ] ,
[ 'مصنف2' , 'ئھ' ] ,
[ 'مصنف3' , 'تاشا' ] ,
[ 'مصنف4' , 'پیٹرسن' ] ,
] ) ;
const jsonFormat = JSON. stringify ( چیز . اندراجات سے ( نقشہ کی شکل ) ) ;
تسلی. لاگ ( jsonFormat ) ;
سکرپٹ >
مندرجہ بالا کوڈ بلاک کی وضاحت یوں بیان کی گئی ہے:
- سب سے پہلے، مثال کا نام 'نقشہ کی شکل' نقشہ کے لیے بنایا گیا ہے جس میں کئی اندراجات شامل ہیں۔
- اگلا، 'Object.from Entries()' طریقہ استعمال کیا جاتا ہے اور 'نقشہ کی شکل' اس کو منتقل کیا جاتا ہے. یہ فراہم کردہ نقشہ کے ڈیٹا کو نیسٹڈ صف میں تبدیل کر دے گا۔
- پھر، نیسٹڈ صف کو پاس کر دیا جاتا ہے۔ 'JSON.stringify()' کلیدی قدر کے جوڑے کی سیدھ کو محفوظ رکھتے ہوئے نیسٹڈ ارے کو JSON فارمیٹ میں تبدیل کرنے کا طریقہ۔
- آخر میں، تیار کردہ JSON فارمیٹ ڈیٹا کنسول ونڈو پر ظاہر ہوتا ہے۔
مندرجہ بالا کوڈ کی تالیف کے بعد پیدا ہونے والا آؤٹ پٹ ذیل میں دکھایا گیا ہے:
آؤٹ پٹ سے پتہ چلتا ہے کہ نقشہ کا ڈیٹا اب JSON فارمیٹ میں کامیابی کے ساتھ تبدیل ہو گیا ہے۔
JSON API کو کیسے حاصل کریں اور اس کے ڈیٹا کو نقشے میں کیسے تبدیل کریں؟
API سے حاصل کردہ JSON ڈیٹا کو بھی پہلے سیکشن میں اوپر بیان کردہ اسی نقطہ نظر کو استعمال کرتے ہوئے براہ راست نقشہ میں تبدیل کیا جا سکتا ہے۔ ایسا کرنے کے لیے، پہلے API کو بازیافت کرنے کی ضرورت ہے پھر حاصل کردہ JSON ڈیٹا نقشہ میں تبدیل ہو جاتا ہے، جیسا کہ ذیل میں دکھایا گیا ہے:
< سکرپٹ >async فنکشن JSONApi کو تبدیل کریں۔ ( ) {
کوشش کریں {
const res = لانے کا انتظار کریں۔ ( 'https://jsonplaceholder.typicode.com/todos/' ) ;
const jsonFormat = انتظار کرو. json ( ) ;
const نقشہ کی شکل = نئی نقشہ ( چیز . اندراجات ( jsonFormat ) ) ;
تسلی. لاگ ( نقشہ کی شکل ) ;
} پکڑنا ( وجہ غلطی ) {
تسلی. غلطی ( 'ڈیٹا لانے یا تبدیل کرنے میں خرابی:' , وجہ غلطی ) ;
}
}
JSONApi کو تبدیل کریں۔ ( ) ;
سکرپٹ >
مندرجہ بالا کوڈ کی تفصیل ذیل میں بیان کی گئی ہے:
- سب سے پہلے، غیر مطابقت پذیر فنکشن کا نام دیا گیا ہے۔ 'convertJSONApi()' فنکشن کے پیچھے کلیدی لفظ 'async' کے استعمال سے بیان کیا جاتا ہے۔ 'مطلوبہ لفظ' .
- اگلا، استعمال کریں 'کوشش کریں' بلاک اور تخلیق کریں 'const' متغیر ٹائپ کریں۔ 'Res' جو API سے حاصل کردہ ڈیٹا کو اسٹور کرے گا۔ بازیافت API لنک کے اندر داخل کرکے کی جاتی ہے۔ 'لائیں()' طریقہ اس کے علاوہ، منسلک کریں 'انتظار کرو' اس کے پیچھے مطلوبہ الفاظ 'لائیں()' تمام API ڈیٹا کی آمد کا انتظار کرنے کا طریقہ۔
- پھر، لاگو کریں 'json()' تمام موصول یا حاصل کردہ ڈیٹا کو پڑھنے کے لیے 'res' متغیر پر طریقہ۔ دی 'انتظار کرو' ڈیٹا کو پڑھنے کے مکمل ہونے کا انتظار کرنے کے لیے اس کے پیچھے کلیدی لفظ بھی لگایا جاتا ہے۔ نام متغیر میں نتیجہ پاس کریں۔ 'jsonFormat' .
- اس کے بعد، the 'jsonFormat' نام کے طریقہ کار کے اندر گزر جاتا ہے۔ 'Object.entries()' فراہم کردہ ڈیٹا کے لیے نیسٹڈ سرنی بنانے کے لیے۔ اس کے بعد اس کے اندر گزر جاتا ہے۔ 'نقشہ()' کنسٹرکٹر صفوں کو نقشہ میں تبدیل کرتا ہے اور میں محفوظ ہوجاتا ہے۔ 'نقشہ' مثال کے طور پر نامزد کیا گیا ہے 'نقشہ کی شکل' .
- یہ حاصل کردہ JSON API جو اب Map میں تبدیل ہو چکا ہے پھر کنسول پر ڈسپلے کر کے دکھایا جاتا ہے۔ 'نقشہ کی شکل' کے اندر متغیر 'console.log()' طریقہ
- پورے عمل کے دوران کسی بھی وجہ سے ہونے والی غلطی کو پکڑنے کے لیے، کا استعمال کریں۔ 'پکڑنا' اس میں ایک ڈمی پیرامیٹر کو بلاک اور پاس کریں جس میں غلطیاں ہوں اور اسے ہینڈل کرنے کے لیے ایک ڈمی پیغام دکھاتا ہے۔
مندرجہ بالا کوڈ کی تکمیل کے بعد آؤٹ پٹ ذیل میں دکھایا گیا ہے:
آؤٹ پٹ سے پتہ چلتا ہے کہ JSON فارمیٹ ڈیٹا کو فراہم کردہ API سے بازیافت کیا گیا ہے اور پھر اس ڈیٹا کو نقشہ میں تبدیل کر دیا گیا ہے۔
آپ نے JavaScript میں JSON کو Map اور Map کو JSON میں تبدیل کرنے کے عمل کے بارے میں جان لیا ہے۔
نتیجہ
JSON ڈیٹا کو نقشہ میں تبدیل کرنے کے لیے، طریقے جیسے 'JSON.parse()' اور 'Object.entries()' استعمال کیا جاتا ہے. پہلا JSON ڈیٹا کو پارس کرتا ہے، اور دوسرا تجزیہ کردہ ڈیٹا کی ایک نیسٹڈ صف بناتا ہے۔ نقشہ کے ڈیٹا کو JSON فارمیٹ میں تبدیل کرنے کی صورت میں، 'Object.from Entries()' اور 'JSON.stringify()' ایسے طریقے استعمال کیے جاتے ہیں جو ڈیٹا کو نیسٹڈ صف میں تبدیل کر دیں گے اور اسے بالترتیب JSON فارمیٹ میں تبدیل کر دیں گے۔ اس بلاگ نے JSON کو جاوا اسکرپٹ میں نقشہ میں اور اس سے تبدیل کرنے کے طریقہ کار کی وضاحت کی ہے۔