المصفوفات والكائنات

١المصفوفة: قائمة قيم

المصفوفة Array في JavaScript مثل القائمة list في بايثون تمامًا: قيم بين قوسين مربعين، وأول خانة رقمها 0:

const prices = [8, 12, 5, 15]; console.log(prices[0]);console.log(prices.length); prices.push(20);console.log(prices);

٢المرور على المصفوفة

const drinks = ["قهوة", "شاي", "عصير"]; // for...of: مثل for x in في بايثونfor (const d of drinks) {  console.log("لدينا:", d);} // المجموعconst prices = [8, 12, 5];let total = 0;for (const p of prices) {  total += p;}console.log("المجموع:", total);

for (const d of drinks) أسهل طريقة للمرور على كل العناصر. وتذكر: of لا in.

٣الكائن: مفاتيح وقيم

الكائن Object مثل القاموس dict في بايثون: يجمع معلومات شيء واحد بمفاتيح أسمائها واضحة:

const product = {  name: "قهوة مختصة",  price: 18,  available: true}; console.log(product.name);console.log(product["price"]); product.price = 20;product.size = "كبير";console.log(product);

نصل إلى القيمة بالنقطة product.name (الأشهر)، أو بالقوسين product["name"]. ونضيف مفتاحًا جديدًا بمجرد إسناد قيمة له.

٤مصفوفة من الكائنات

هكذا تصل البيانات إلى الصفحة غالبًا من الخادم: قائمة منتجات، كل منتج كائن:

const menu = [  { name: "قهوة عربية", price: 8 },  { name: "قهوة مختصة", price: 18 },  { name: "شاي", price: 5 }]; for (const item of menu) {  console.log(`${item.name}: ${item.price} ريال`);} const cheap = menu.filter(item => item.price < 10);console.log("الأرخص من 10:", cheap.length);

٥JSON: لغة تبادل البيانات

شكل الكائنات والمصفوفات هذا صار لغة عالمية لتبادل البيانات بين المواقع والخوادم اسمها JSON. الفرق: المفاتيح بين علامتي تنصيص:

{  "name": "قهوة مختصة",  "price": 18,  "sizes": ["صغير", "كبير"]}

ستستخدم JSON كثيرًا في مقرر الواجهات الخلفية، حين تجلب الصفحة البيانات من الخادم.