القائمة الرئيسية

الصفحات

فهم الفرق بين JSON.parse وJSON.stringify بسهولة: دليل شامل مع أمثلة تطبيقية


JSON


JSON هي اختصار لـ "JavaScript Object Notation" وهي لغة ترميز خفيفة الوزن وشائعة الاستخدام لتبادل البيانات بين الخوادم والعملاء عبر الإنترنت. يتم تمثيل البيانات في JSON على شكل نصوص ويتم تحويل هذه النصوص إلى كائنات JavaScript باستخدام JSON.parse() ، والعكس يتم تحويل كائنات JavaScript إلى نصوص JSON باستخدام JSON.stringify().

الفرق بين JSON.parse() و JSON.stringify():

  1. JSON.parse(): JSON.parse تحول نص JSON إلى كائن JavaScript. عندما تريد تحليل بيانات JSON المستلمة من الخادم ، يمكنك استخدام JSON.parse() لتحويل نص JSON إلى كائن JavaScript. هذا يسمح لك بالوصول إلى بيانات JSON المحللة واستخدامها في تطبيقك.
  2. JSON.stringify(): JSON.stringify تحول كائن JavaScript إلى نص JSON. عندما تريد إرسال البيانات بشكل JSON للخادم ، يمكنك استخدام JSON.stringify() لتحويل كائن JavaScript إلى نص JSON. يمكنك ثم إرسال هذا النص المتسلسل عبر الإنترنت إلى الخادم.

امثلة تطبيقية:

  1. JSON.parse(): لنفترض أنك تستلم البيانات المستلمة من API كنص JSON وتريد الوصول إلى البيانات المحللة. يمكنك استخدام JSON.parse() لتحويل هذا النص إلى كائن JavaScript.
const data = { name: "Coder Shiyar", age: 20, email: "codershiyar@gmail.com" };
يمكنك استخدام JSON.stringify() لتحويل هذا الكائن إلى نص JSON كالتالي:

const jsonData = JSON.stringify(data); console.log(jsonData); // "{"name":"Coder Shiyar","age":25,"email":"codershiyar@gmail.com"}"

باقي الأمور المفيدة:

  1. يمكن استخدام JSON.parse() و JSON.stringify() لتبادل البيانات بين العميل والخادم على شبكة الإنترنت.
  2. يدعم JSON العديد من أنواع البيانات مثل السلاسل والأعداد والقيم المنطقية والكائنات والمصفوفات.
  3. يمكنك استخدام الخيارات الاختيارية في JSON.stringify() لتعيين التنسيق الصحيح للنص JSON الذي تم إنشاؤه. على سبيل المثال ، يمكنك تحديد الأبعاد الفرعية المحددة لتحديد عدد المسافات المتباعدة بين الكائنات والمصفوفات في النص JSON.
  4. يمكن استخدام JSON.parse() و JSON.stringify() للتعامل مع الأخطاء المحتملة في تحليل وتسلسل النصوص JSON. يمكنك استخدام try-catch blocks للتحقق من وجود أخطاء والتعامل معها بشكل صحيح.

شرح ما هو JSON و ما هو API مع أمثلة

رابط افضل كورس لتعلم ماهو API و كيفية إنشائها و كيفية إنشاء تطبيقات ويب احترافية

تعليقات