مقدمه

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

به زبان ساده، filter() برای فیلتر کردن داده‌ها در آرایه استفاده می‌شود.

پیش‌نیازها

برای درک بهتر این آموزش بهتر است با موارد زیر آشنا باشید:

• آرایه‌ها (Arrays) در JavaScript
• توابع (Functions) در JavaScript

استفاده از filter() روی آرایه اعداد

ساختار کلی متد filter() به شکل زیر است:

var newArray = array.filter(function(item) {
  return condition;
});

پارامتر item نماینده عنصر فعلی آرایه است که در هر بار اجرا بررسی می‌شود.

اگر شرط condition برقرار باشد، آن عنصر داخل آرایه جدید قرار می‌گیرد.

مثال فیلتر کردن اعداد

فرض کنید آرایه‌ای از اعداد داریم:

var numbers = [1, 3, 6, 8, 11];

حالا می‌خواهیم فقط اعداد بزرگ‌تر از 7 را برگردانیم:

var greaterThanSeven = numbers.filter(function(number) {
  return number > 7;
});

console.log(greaterThanSeven);

خروجی:

[8, 11]

در نتیجه، آرایه جدید فقط شامل اعدادی است که بزرگ‌تر از 7 هستند.

استفاده از filter() روی آرایه آبجکت‌ها

یکی از رایج‌ترین کاربردهای filter() کار با آرایه‌ای از آبجکت‌ها است.

مثال:

var creatures = [
  {name: "Shark", habitat: "Ocean"},
  {name: "Whale", habitat: "Ocean"},
  {name: "Lion", habitat: "Savanna"},
  {name: "Monkey", habitat: "Jungle"}
];

اکنون می‌خواهیم فقط موجوداتی را برگردانیم که زیستگاه آن‌ها Ocean باشد:

var aquaticCreatures = creatures.filter(function(creature) {
  return creature.habitat == "Ocean";
});

console.log(aquaticCreatures);

خروجی:

[
  {name: "Shark", habitat: "Ocean"},
  {name: "Whale", habitat: "Ocean"}
]

در این مثال فقط آبجکت‌هایی که مقدار habitat آن‌ها برابر "Ocean" است در آرایه جدید قرار می‌گیرند.

جمع‌بندی

متد filter() یکی از کاربردی‌ترین متدهای آرایه در JavaScript است.

کاربردهای مهم آن:

• فیلتر کردن داده‌ها
• جستجو در آرایه‌ها
• حذف آیتم‌های نامعتبر
• کار با لیست کاربران، محصولات و داده‌های API

نمونه کوتاه:

array.filter(condition)

این متد آرایه اصلی را تغییر نمی‌دهد و همیشه یک آرایه جدید برمی‌گرداند.

از همراهی شما با پارمین کلود متشکریم.