٣.٢ تعديل المصفوفات

إضافة العناصر

التمرين 1: أنشئ مصفوفة بالعناصر "user1" و"user2" و"user3" و"user4"، واعرضها.

var users = ["user1", "user2", "user3", "user4"]
console.log(users);

النتيجة هي: (4) ["user1", "user2", "user3", "user4"]

التمرين 2: سجّل "user5" في الموقع. أضفه إلى مصفوفة users في التمرين 1.

var users = ["user1", "user2", "user3", "user4", "user5"];
console.log(users);

النتيجة هي: (5) ["user1", "user2", "user3", "user4", "user5"]

لاحظ

في التمرين 2أنك أعدت إنشاء المصفوفة users لإضافة مستخدم جديد.

التمرين 3: أضف "user6" إلى المصفوفة المنشأة في التمرين 2. تلميح: استخدم array.push(item).

var users = ["user1", "user2", "user3", "user4", "user5"];
users.push("user6");
console.log(users);

النتيجة هي: (6) ["user1", "user2", "user3", "user4", "user5", "user6"]

array.push(item)

array.push(item) تضيف عنصرًا إلى نهاية المصفوفة.

التمرين 4: أنشئ مصفوفة فارغة، ثم أضف الأعداد من 0 إلى 10. تلميح: استخدم for .

var emptyArr = [];
for(var i=0;i<=10; i++){
  emptyArr.push(i);
}
console.log(emptyArr);

النتيجة هي: (11) [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

التمرين 5: أنشئ مصفوفة فارغة، ثم أضف الأعداد الزوجية من 0 إلى 10. تلميح: استخدم for .

var emptyArr = [];
for(var i=0;i<=10; i=i+2){
  emptyArr.push(i);
}
console.log(emptyArr);

النتيجة هي: (6) [0, 2, 4, 6, 8, 10]

التمرين 6: اقرأ الشيفرة التالية وافهم النتيجة.

var colors = ["green", "orange"];
colors[2] = "red";
console.log(colors);

النتيجة هي: (3) ["green", "orange", "red"]

معلومة

يمكن إضافة عنصر في موضع تختاره باستخدام array[position]=value.

التمرين 7: لديك مصفوفة بالعناصر "item1" و"item2" و"item3". أضف "item4" عند الفهرس 50، واعرض النتيجة.

var items = ["item1", "item2", "item3"];
items[50] = "item4";
console.log(items);

النتيجة هي: (51) ["item1", "item2", "item3", empty × 47, "item4"]

ماذا حدث هنا؟ يمكن إسناد عنصر إلى فهرس بعيد، فتظل المواضع الواقعة بينه وبين العناصر السابقة فارغة. وعند قراءتها نحصل على undefined ، لكنها ليست عناصر أُسنِدت إليها قيمة صراحةً.

التمرين 8: افحص نوع القيمة عند الفهرس 33 في التمرين 7 ؛

var items = ["item1", "item2", "item3"];
items[50] = "item4";
console.log(typeof items[33]);

النتيجة هي: undefined

التمرين 9: اقرأ الشيفرة وافهم النتيجة.

var arr = [1, 2, 3];
arr.unshift(0);
console.log(arr);

النتيجة هي: (4) [0, 1, 2, 3]

array.unshift(item)

array.unshift(item) تضيف عنصرًا إلى بداية المصفوفة.

التمرين 10: أضف 10 إلى بداية [20, 30, 40, 50]، واعرض النتيجة.

var arr = [20, 30, 40, 50];
arr.unshift(10);
console.log(arr);

النتيجة هي: (5) [10, 20, 30, 40, 50]

طرق متعددة لإضافة عناصر!

استخدم array.unshift(item) لإضافة عنصر إلى البداية.

استخدم array.push(item) لإضافة عنصر إلى النهاية.

استخدم array[position]=value لإضافة عنصر عند فهرس محدّد.

حذف العناصر

التمرين 11: اقرأ الشيفرة التالية وافهم النتيجة.

var thingsToBuy = ["papers", "bread", "2 pencils", "perfume", "milk"];
thingsToBuy.pop();
console.log(thingsToBuy);

النتيجة هي: (4) ["papers", "bread", "2 pencils", "perfume"]

array.pop()

array.pop() تحذف آخر عنصر من المصفوفة.

التمرين 12: لدى Soso قائمة مشتريات: حليب وخبز وماء وفواكه. اشترت الفواكه؛ ساعدها على حذفها من القائمة.

var thingsToBuy = ["milk", "bread", "water", "fruits"];
thingsToBuy.pop();
console.log(thingsToBuy);

النتيجة هي: (3) ["milk", "bread", "water"]

التمرين 13: ارجع إلى التمرين 12؛ اشترت Soso الحليب. ساعدها على حذفه. تلميح: استخدم array.shift()

var thingsToBuy = ["milk", "bread", "water", "fruits"];
thingsToBuy.pop();
thingsToBuy.shift();
console.log(thingsToBuy);

النتيجة هي: (2) ["bread", "water"]

array.shift()

array.shift() تحذف أول عنصر من المصفوفة.

التمرين 14: ارجع إلى التمرين 13؛ اشترت Soso الخبز. ساعدها على حذفه.

var thingsToBuy = ["milk", "bread", "water", "fruits"];
thingsToBuy.pop();
thingsToBuy.shift();
thingsToBuy.shift();
console.log(thingsToBuy);

النتيجة هي: (1) ["water"]

التمرين 15: ارجع إلى التمرين 14؛ اشترت Soso الماء. ساعدها على حذفه.

var thingsToBuy = ["milk", "bread", "water", "fruits"];
thingsToBuy.pop();
thingsToBuy.shift();
thingsToBuy.shift();
thingsToBuy.shift();
console.log(thingsToBuy);

النتيجة هي: []

أو يمكنك كتابة:

var thingsToBuy = ["milk", "bread", "water", "fruits"];
thingsToBuy.pop();
thingsToBuy.shift();
thingsToBuy.shift();
thingsToBuy.pop();
console.log(thingsToBuy);