دليلك الشامل لتعلم مونتاج الفيديو

  

تصفية عناصر ال Array بأكثر من طريقة بلغة JavaScript

بإستخدام ال Loop

هناك الكثير من الطرق لتصفية عناصر ال Array ومنهم مثلا إنشاء Array فارغة وعمل Loop على ال Array الأصلية ثم وضع العناصر التي نريد تصفيتها في ال Array الفارغة. شاهد المثال لتفهم

لدينا ال Array التالية

let friends = ["Ahmed", "Sayed", "Eman", "Amgad", "Ameer", "Majed"];

سوف نقوم بعمل Array فارغة

let filtered = [];

ثم نقوم بعمل Loop على عناصر ال Array الأصلية ونبحث عن العناصر التي تبدأ بحرف A كما في المثال وعندما نجد أن العنصر ينطبق عليه الشرط نضعه في ال Array الفارغة

for (let i = 0; i < friends.length; i++) {
  if (friends[i].startsWith("A")) {
    filtered.push(friends[i]);
  }
}

الآن لدينا Array تحتوي على العناصر التي تم تصفيتها والتي تبدا بحرف A

console.log(filtered); // ["Ahmed", "Amjad", "Ameer"]

مرجع لكل ما إستخدمناه

• Loop - For
• startsWith
• Array.push

بإستخدام ال Filter

ال Filter Function واحدة من ال Higher Order Functions والتي تقبل Function ك Return وهي تقوم بإرجاع العناصر التي ينطبق عليها الشرط وهي تقبل منا Function وداخل ال Function العنصر الموجود في ال Array والذي سيتم تطبيق ال Function عليه بمعنى أن ال Function سيتم تطبيقها على العناصر كلها الموجودة ف ال Array واحدا بعد الآخر. شاهد المثال

هنا طريقة إستخدام ال Filter

let filtered = friends.filter();

وهنا بعد ما وضعنا داخلها Function تقوم بالمرور على العناصر كلها وترجع لنا العناصر التي ينطبق عليها شرط أن يكون أول حرف من كل عنصر هو A

let filtered = friends.filter(function (friend) {
  return friend.startsWith("A");
});

نفس ما سبق ولكن بطريقة ال Arrow Function الموجودة في ال ECMAScript 6

let filtered = friends.filter((friend) => friend.startsWith("A"));

الآن لدينا Array تحتوي على العناصر التي تم تصفيتها والتي تبدا بحرف A

console.log(filtered); // ["Ahmed", "Amjad", "Ameer"]

اعداد:(محمد كمال(Tiger Ping))