الدرس السابع عشر: المصفوفات في JavaScript – التعامل مع البيانات المجمعة

الدرس السابع عشر: المصفوفات في JavaScript – التعامل مع البيانات المجمعة
الدرس السابع عشر: المصفوفات في JavaScript – التعامل مع البيانات المجمعة

 

الدرس السابع عشر: المصفوفات في JavaScript – التعامل مع البيانات المجمعة 📊


العنوان:

كيفية استخدام المصفوفات (Arrays) لتخزين مجموعات من البيانات ومعالجتها.


المقدمة:

المصفوفات هي هياكل بيانات تستخدم لتخزين عدة عناصر في مكان واحد. وهي تساعد في تنظيم البيانات والعمل معها بشكل أفضل.


تعريف المصفوفة:

let fruits = ["Apple", "Banana", "Cherry"];

الوصول إلى عناصر المصفوفة:


let firstFruit = fruits[0]; // "Apple"
let secondFruit = fruits[1]; // "Banana"

العمليات على المصفوفات:

1. إضافة عناصر إلى المصفوفة:


fruits.push("Grapes"); // إضافة عنصر في النهاية
fruits.unshift("Orange"); // إضافة عنصر في البداية

2. حذف عناصر من المصفوفة:


fruits.pop(); // إزالة العنصر الأخير
fruits.shift(); // إزالة العنصر الأول

3. تغيير عنصر داخل المصفوفة:


fruits[1] = "Mango"; // تغيير "Banana" إلى "Mango"

استخدام المصفوفات في التطبيقات:

مثال: إنشاء قائمة مهام باستخدام مصفوفة:


<input type="text" id="taskInput">
<button id="addTask">Add Task</button>
<ul id="taskList"></ul>
<script>
let tasks = [];
document.getElementById("addTask").addEventListener("click", function () {
let task = document.getElementById("taskInput").value;
tasks.push(task);
updateTaskList();
});
function updateTaskList() {
let taskList = document.getElementById("taskList");
taskList.innerHTML = "";
tasks.forEach(function (task) {
let li = document.createElement("li");
li.textContent = task;
taskList.appendChild(li);
});
}
</script>

تمارين عملية:

  1. اكتب برنامجًا لإضافة وحذف عناصر من قائمة باستخدام المصفوفات.
  2. صمم تطبيقًا يعرض مجموعة من الأرقام ويحسب المتوسط باستخدام مصفوفات.

وختامًا:

في الدرس ده، تعلمنا كيفية التعامل مع المصفوفات وكيفية إضافة وحذف وتعديل البيانات داخلها. في الدرس القادم، سنتعرف على الكائنات (Objects) وكيفية استخدامها في JavaScript لتخزين بيانات معقدة.

تعليقات