140- دروس جافا سكربت – JSON Arrays

JSON (JavaScript Object Notation) هو صيغة خفيفة الوزن لتبادل البيانات، وهو مبني على مجموعة فرعية من لغة البرمجة JavaScript. يُستخدم JSON لتمثيل البيانات بطريقة سهلة القراءة والكتابة لكل من الإنسان والآلة. من بين المكونات الأساسية لـ JSON، تأتي المصفوفات (Arrays) لتلعب دورًا مهمًا في تنظيم البيانات وتبسيط التعامل معها.

### ما هي JSON Arrays؟

المصفوفات في JSON هي قائمة مرتبة من القيم التي يمكن أن تكون من أنواع مختلفة مثل النصوص، الأرقام، الكائنات، القيم المنطقية (true/false)، وحتى مصفوفات أخرى. تُستخدم المصفوفات لتجميع البيانات المتشابهة أو المرتبطة ببعضها البعض.

صيغة المصفوفة في JSON تكون محاطة بأقواس مربعة `[]`، وتُفصل العناصر داخلها بفواصل `,`. مثال على ذلك:

on
[
    "apple",
    "banana",
    "cherry"
]

### كيفية التعامل مع JSON Arrays في JavaScript

يمكنك العمل مع JSON Arrays في JavaScript بسهولة، حيث أن لغة JavaScript لديها دعم مدمج للتعامل مع JSON. لنلقِ نظرة على بعض الأمثلة العملية.

#### مثال 1: الوصول إلى عناصر مصفوفة JSON

افترض أن لدينا مصفوفة JSON تحتوي على أسماء فواكه، ونريد الوصول إلى كل عنصر منها:

let fruits = ["apple", "banana", "cherry"];

// الوصول إلى عناصر محددة
console.log(fruits[0]); // apple
console.log(fruits[1]); // banana

// التكرار عبر المصفوفة
fruits.forEach((fruit) => {
    console.log(fruit);
});

#### مثال 2: مصفوفة تحتوي على كائنات

في كثير من الأحيان، تحتوي المصفوفات على كائنات معقدة. لنفترض أن لدينا قائمة من الأشخاص، وكل شخص يمثل كائنًا يحتوي على صفات مثل الاسم والعمر:

on
[
    {
        "name": "John",
        "age": 30
    },
    {
        "name": "Jane",
        "age": 25
    }
]

لنرى كيف نتعامل معها في JavaScript:

let people = [
    { "name": "John", "age": 30 },
    { "name": "Jane", "age": 25 }
];

// الوصول إلى خصائص الكائنات داخل المصفوفة
people.forEach((person) => {
    console.log(`${person.name} is ${person.age} years old.`);
});

#### مثال 3: إضافة وإزالة عناصر من مصفوفة JSON

يمكنك إضافة عناصر جديدة أو إزالة عناصر حالية باستخدام وظائف JavaScript المدمجة مثل `push` و`pop` و`splice`:

let colors = ["red", "green", "blue"];

// إضافة عنصر جديد
colors.push("yellow");
console.log(colors); // ["red", "green", "blue", "yellow"]

// إزالة آخر عنصر
colors.pop();
console.log(colors); // ["red", "green", "blue"]

// إزالة عنصر معين باستخدام splice
colors.splice(1, 1); // إزالة العنصر في الفهرس 1
console.log(colors); // ["red", "blue"]

### خلاصة

تُعتبر JSON Arrays [شركة برمجة مصرية] أداة قوية ومرنة [شركة برمجة مصرية] لتخزين البيانات وتنظيمها في JavaScript. من خلال استخدام المصفوفات، يمكنك بسهولة تجميع البيانات المتشابهة والعمل معها بشكل فعال. سواء كنت تتعامل مع بيانات بسيطة أو هياكل بيانات معقدة، فإن JSON Arrays تقدم لك حلاً بسيطًا وفعالًا للتعامل مع مجموعة متنوعة من السيناريوهات.

الوسوم: javascriptJSONبرمجةبياناتتنظيم البياناتكائناتمصفوفات