آرایه فیلتر جاوااسکریپت

عملکرد آرایه فیلتر جاوااسکریپت برای تعریف یک آرایه جدید با عناصری از آرایه اولیه است که با یک شرط / تابع مشخص مطابقت دارند.

نحوه کار آرایه فیلتر در جاوااسکریپت

توسعه دهندگان آرایه هایی را برای ذخیره منظم چندین عنصر در ظروف ایجاد می کنند. توابع مختلفی برای مرتب سازی آرایه ها وجود دارد (به عنوان مثال ، تغییر ترتیب عناصر). با این حال ، روش JS filter به شما امکان می دهد عناصر را با توجه به شرایط مشخص فیلتر کنید.

این مثال کد نشان می دهد که چگونه می توانید آرایه ای به نام میوه را فیلتر کرده و یک آرایه جدید ایجاد کنید ، فقط متشکل از اسامی است که بیش از 6 کاراکتر دارند.

var fruits = ["Apple", "Blackcurrant", "Blueberries", "Banana", "Blackberries", "Plums"];
document.getElementById("test").innerHTML = fruits;
 
function myFunction() {
   var result = fruits.filter(word => word.length > 6);
   document.getElementById("test").innerHTML = result;

مثال کد بعدی آرایه ای را به نام قیمت ارائه می دهد. ما قصد داریم فیلتر JavaScript را برای ایجاد یک آرایه جدید با مقادیر کمتر از 100 اعمال کنیم:

var prices = [15, 45, 1234, 65, 122, 555];
document.getElementById("test").innerHTML = prices;
 
function myFunction() {
   var result = prices.filter(price => price < 100);
   document.getElementById("test").innerHTML = result;
}

در مثال زیر ، ما از فیلتر JS بر روی آرایه ای از شرکت کنندگان استفاده کرده و آنها را براساس سن آنها فیلتر می کنیم. اگر سن بیش از 18 سال باشد ، این نام در آرایه جدید ظاهر می شود.

var participants = [{ name: 'Anna', age: 19 },
{ name: 'Josh', age: 17 },
{ name: 'Mary', age: 15 },
{ name: 'Emily', age: 14 },
{ name: 'Caroline', age: 24 },
{ name: 'Sam', age: 16 }];
document.getElementById("test").innerHTML = participants.map(e => e.name + " -> " + e.age).join(', ');


function myFunction() {
    var result = participants.filter(participant => participant.age > 18);
    document.getElementById("test").innerHTML = result.map(e => e.name + " -> " + e.age).join(', ');
}

بررسی آرایه فیلتر

روش JavaScript filter چندین مولفه در نحو خود دارد.

newArray = initialArr.filter(callback);

• newArray: آرایه ای را متشکل از عناصر فیلتر شده می نامید.
• initialArr: نام آرایه اصلی است.
• callback: روشی است که برای اولیه اعمال می شود.

همچنین این پاسخ می تواند سه استدلال داشته باشد:

• element: عنصر فعلی آرایه.
• index: شماره شاخص مقدار فعلی انجام شده.
• array: آرایه اصلی.

بنابراین ، نحو کامل عملکرد فیلتر آرایه جاوا اسکریپت به صورت زیر است:

newArray = initialArr.filter(callback(element, index, array));

توجه: فیلتر جاوا اسکریپت بر آرایه اولیه تأثیر نمی گذارد. این تابع تماس را به هر عنصر اعمال می کند تا یک مجموعه جدید با عناصر فیلتر شده ایجاد کند.

نکات مهم آرایه فیلتر جاوااسکریپت:

• کتابخانه jQuery همچنین دارای یک تابع filter برای فیلتر کردن مقادیر با توجه به شرایط تعیین شده است. این یک روش not است که مقادیری را باز می گرداند که با شرایط مطابقت ندارند.
• عملکرد فیلتر آرایه جاوا اسکریپت ارتباط نزدیکی با روش های نقشه ، فشار و طول دارد. این توابع به شما امکان کنترل بیشتر بر روی آرایه ها را می دهند و به تولید کد کوتاهتر کمک می کنند.