كيفية استخدام صفيف كائنات JSON في JavaScript

Kyfyt Astkhdam Sfyf Kaynat Json Fy Javascript



JavaScript Object Notation (JSON) هو التنسيق المعروف لتخزين البيانات وكذلك التبادل بين العملاء والخوادم. توفر JavaScript بيئة لإجراء معالجة باستخدام المصفوفات من خلال كائنات JSON. بهذه الطريقة ، يمكن للمستخدمين تعديل وعرض المعلومات المخزنة في المصفوفة. في هذا البرنامج التعليمي ، ستتعلم كيفية استخدام المصفوفة لأغراض مختلفة بواسطة ملف جسون هدف.

يقدم هذا الدليل المحتوى التالي:

كيفية استخدام صفيف كائنات JSON في JavaScript؟

كائن JSON هو أساسًا كائن مستند إلى JavaScript. يمكن استخدام هذه الكائنات للوصول إلى خصائص المصفوفة. بعد الوصول ، يمكن للمستخدمين إضافة أو حذف أو تعديل الخصائص في المصفوفة الحالية. علاوة على ذلك ، يتم استخدام طريقة stringify () لتحويل سلسلة JSON إلى مصفوفة من كائنات JSON. بهذه الطريقة ، يتم استخدام طرق الدفع () و pop () لإجراء معالجة على المصفوفة.







مثال 1: إنشاء مصفوفة من كائنات JSON في JavaScript

يتم أخذ مثال لإنشاء مصفوفة من كائنات JSON باستخدام JavaScript. على سبيل المثال ، يتم توفير الرمز أدناه.



شفرة



مقدار ثابت معلم = {
'اسم' : 'هاري' و 'موضوعات' : 'إنجليزي' و
'سن' : '35'
} ؛
وحدة التحكم. سجل ( معلم ) ؛

في هذا الكود ، المصفوفة ' معلم 'من خلال تحديد خصائص مثل' اسم '،' موضوعات '، و ' سن '.





بعد ذلك ، قيم مختلفة مثل ' هاري '،' إنجليزي '، و ' 35 'للخصائص المذكورة أعلاه. في النهاية ، اعرض المصفوفة ' معلم 'من خلال استخدام console.log () طريقة.

انتاج |



يظهر الإخراج ' معلم 'مجموعة من كائنات JSON في نافذة وحدة التحكم.

مثال 2: الوصول إلى صفيف كائنات JSON في JavaScript

يعتبر مثال للوصول إلى خصائص عناصر المصفوفة في JavaScript.

شفرة

وحدة التحكم. سجل ( 'مثال على استخدام Array by JSON Object' ) ؛
مقدار ثابت معلم = {
'اسم' : 'هاري' و 'موضوعات' : 'إنجليزي' و
'سن' : '35'
} ؛
مقدار ثابت objArr = معلم => {
مقدار ثابت arr = [ ] ؛
مقدار ثابت مفاتيح = هدف . مفاتيح ( معلم ) ؛
إلى عن على ( اسمحوا x = 0 ؛ x < مفاتيح. الطول ؛ x ++ ) {
arr. يدفع ( معلم [ مفاتيح [ x ] ] ) ؛
} ؛
إرجاع arr ؛
} ؛
وحدة التحكم. سجل ( objArr ( معلم ) ) ؛

وصف الكود:

  • مجموعة ' معلم 'من خلال تحديد' اسم '،' موضوعات '، و ' سن ' الخصائص.
  • يتم تعيين قيم مختلفة لهذه الخصائص ، مثل ' هاري '،' إنجليزي '، و ' 35 '.
  • بعد ذلك ، أ جسون هدف ' objArr 'للوصول إلى خصائص العناصر وإرجاع مصفوفة جديدة.
  • داخل “ objArr '، يتم استخدام حلقة for لإدخال قيم الخاصية عن طريق استخدام يدفع() طريقة.
  • يتم تنفيذ الحلقة حتى يتم إدخال جميع قيم الخاصية في ' arr ' مجموعة مصفوفة.
  • في النهاية ، فإن objArr (مدرس) لعرض قيم الممتلكات.

انتاج |

يُظهر الإخراج قيمًا مختلفة ، 'Harry' و 'English' و '35' من خلال تعيين الخصائص في JavaScript.

مثال 3: إضافة أو حذف مصفوفة كائنات JSON في JavaScript

تم تكييف مثال لإضافة وحذف مصفوفة من العناصر باستخدام كائن JSON في JavaScript.

شفرة

وحدة التحكم. سجل ( 'مثال على استخدام Array by JSON Object' ) ؛
كنت arrObj = [ { 'فاكهة' : 'تفاحة' } و { 'فاكهة' : 'موز' } ] ؛
وحدة التحكم. سجل ( جسون. شدد ( arrObj ) ) ؛
arrObj. يدفع ( { 'فاكهة' : 'البرتقالي' } ) ؛
وحدة التحكم. سجل ( جسون. شدد ( arrObj ) ) ؛
arrObj. البوب ( ) ؛
وحدة التحكم. سجل ( جسون. شدد ( arrObj ) ) ؛

وصف الكود كما يلي:

  • مصفوفة من كائنات JSON ' arrObj 'بخاصيتين للفاكهة.
  • بعد ذلك ، JSON.stringify () يتم استخدام الطريقة لتحويل قيمة JavaScript إلى سلاسل JSON.
  • ال arrObj.push () تقوم الطريقة بإدراج عنصر بتمرير قيمة ' فاكهة ':' البرتقالي 'في المصفوفة.
  • بعد ذلك ، arrObj.pop () طريقة إزالة العنصر الذي تم إدخاله مؤخرًا من المصفوفة.
  • في النهاية ، اعرض مصفوفة كائنات JSON ' arrObj 'من خلال استخدام console.log () طريقة.

انتاج |

يُظهر الإخراج تنفيذ الكود أعلاه عن طريق إضافة عناصر المصفوفة وإزالتها ' فاكهة ':' البرتقالي 'من خلال كائنات JSON.

استنتاج

في هذه المقالة ، كائنات JSON تستخدم للوصول إلى عناصر المصفوفة وتعديلها في جافا سكريبت.
لهذا ، يتم تقديم نظرة عامة مع مثالين عمليين. في المثال الأول ، تمكنت كائنات JSON من الوصول إلى خصائص المصفوفة وعرضها على وحدة التحكم. في المثال الثاني ، طريقة مضمنة ، شد () ، يتم استخدامه لإضافة وحذف الخصائص في المصفوفة. بناءً على هذه المقالة ، يمكن للمستخدمين إضافة خصائص مصفوفة أو حذفها أو تعديلها باستخدام كائنات JSON.