شرح درس العمليات الإسنادية في JavaScript

في هذا الدرس، سنتناول العمليات الإسنادية في لغة JavaScript وكيفية استخدامها مع المتغيرات والثوابت.

 المتغيرات والثوابت

في JavaScript، يمكننا تعريف المتغيرات باستخدام `var` و `let`، في حين تُعرف الثوابت باستخدام `const`.

لنلقِ نظرة على بعض الأمثلة:

```javascript
var age = 12;
console.log(age); // 12

age = 22;
console.log(age); // 22

age = 39;
console.log(age); // 39

const birthDate = 1990;
// birthDate = 1999; ERROR - لا يمكن إعادة إسناد قيمة للثابت

console.log(age); // 39
```

هكذا في المثال، قمنا بإسناد قيمة جديدة لمتغير `age` ثلاث مرات، وكل مرة يتم تحديث القيمة بشكل صحيح. أما عند محاولة تغيير قيمة الثابت `birthDate`، فإن ذلك يؤدي إلى خطأ.

 استخدام `let`

كذلك الفرق بين `let` و `var` يكمن في نطاق الوصول، حيث أن `let` لها نطاق بلوك (block scope) بينما `var` لها نطاق دالة (function scope).

```javascript
let name = 'Ali Alanzan';
name = 'Ali Alyousef';
console.log(name); // Ali Alyousef

name += ' From Syria, working in computer programming since 2017';
console.log(name); // Ali Alyousef From Syria, working in computer programming since 2017

```

العمليات على المتغيرات

يمكننا استخدام عمليات الإسناد المختلفة لتعديل القيم المخزنة في المتغيرات:

```javascript
var yearReleased = 2000;
yearReleased += 5;
console.log(yearReleased); // 2005
```

 

التعامل مع الكائنات (Objects)

يمكننا إنشاء كائنات في JavaScript واستخدامها لتخزين بيانات متعددة في مكان واحد:

```javascript
var car = {
name: "BMW X6",
features: {
ceil_open: true
}
};
console.log(car, car.features.ceil_open); // {name: "BMW X6", features: {ceil_open: true}} true

car.name = 'TOYOTA';
car.features.ceil_open = false;
console.log(car, car.features.ceil_open); // {name: "TOYOTA", features: {ceil_open: false}} false

car = 'New value';
console.log(car); // New value
```

 

التعامل مع المصفوفات (Arrays)

المصفوفات هي هياكل بيانات تسمح لنا بتخزين مجموعة من القيم تحت اسم واحد:
كذلك يوضح المثال التالي :

```javascript
var friends = ["Ali", "Yousef", "Alaa", "Yassmeen", true];
console.log(friends); // ["Ali", "Yousef", "Alaa", "Yassmeen", true]

friends[4] = "Mahmoud";
console.log(friends); // ["Ali", "Yousef", "Alaa", "Yassmeen", "Mahmoud"]

var newVariable = friends;
console.log(newVariable); // ["Ali", "Yousef", "Alaa", "Yassmeen", "Mahmoud"]

newVariable[0] = 'Alyaa';
console.log(friends); // ["Alyaa", "Yousef", "Alaa", "Yassmeen", "Mahmoud"]
```

في هذا المثال، قمنا بتغيير قيمة العنصر الخامس في المصفوفة `friends`، ومن ثم قمنا بإسناد المصفوفة إلى متغير جديد وتغيير أول عنصر فيه، مما يظهر أن التغيير ينعكس على المصفوفة الأصلية أيضًا لأن كلا المتغيرين يشيران إلى نفس المصفوفة.

 الخلاصة

كذلك في هذا الدرس، تعلمنا كيفية استخدام العمليات الإسنادية في JavaScript للتعامل مع المتغيرات، الثوابت، الكائنات، والمصفوفات. Understanding these concepts is crucial for manipulating data effectively in JavaScript.