https://virgool.io/feed/@m_63316843 fa 2026-04-14 16:26:27 https://files.virgool.io/upload/users/1715010/avatar/fTHsEs.jpeg?height=120&width=120 https://virgool.io/@m_63316843 https://virgool.io/Rocket/%D9%85%D8%AA%D8%AF-filter-%D8%AF%D8%B1-%D8%AC%D8%A7%D9%88%D8%A7%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA-sygesrhq763q filter method in javascriptسلام به همگی امیدوارم حال دلتون خوش باشه.امروز قراره حسابی در مورد متد filter صحبت کنیم.متد filter یکی از پرکاربردترین متدها جهت کار با آرایه ها در جاوااسکریپت می باشد.طریقه استفاده از متد filterساختار کلی این متد به این صورت هست که به عنوان ورودی یک تابع callback میگیره که ما شرط خودمون رو داخل این تابع می نویسیم و سپس تابع callback رو یک به یک برای تمامی آیتم های یک آرایه اجرا میکنه و آیتم هایی که شرط رو پاس کردن در قالب یک آرایه جدید به ما برمی گردونه.اولین نکته ای که باید بهش توجه داشته باشیم اینه که متد filter یه آرایه از آیتم های که شرط رو پاس کردن برمیگردونه.ساختار نوشتاری(syntax) به طور کلی میتونیم به سه روش این متد رو توی کدهامون بنویسیم :ساختار نوشتاری متد filterاکثرا از متد فیلتر به صورت arrow function داخل کدهامون استفاده میکنیم.تابع callback که به عنوان ورودی به متد فیلتر پاس میدیم شامل سه آرگومان ورودی میشه که آرگومان element اجباری و دو آرگومان index و array با توجه به کاری که قراره انجام بدیم اختیاری هستن.آرگومان element به آیتم فعلی که تابع callback داره روی اون اجرا میشه اشاره میکنه.آرگومان index به ایندکس آیتم فعلی اشاره میکنه و همونطور که می دونید در آرایه ها ایندکس آیتم ها از 0 شروع میشه یعنی ایندکس عضو اول برابر با 0 عضو دوم برابر با 1 و ... .آرگومان array هم به آرایه فعلی اشاره میکنه.باید توجه داشته باشید که شما میتونید هر اسمی برای این سه آرگومان در نظر بگیرید و هیچ اجباری برای این کار وجود نداره ولی حد امکان سعی کنید نام مرتبط استفاده کنید.خب بریم چنتا مثال ببینیم تا بهتر با این متد آشنا بشیم :خب میخوایم اعداد بزرگتر از 10 رو از داخل آرایه myArray به دست بیاریم.تو مثال بالا با استفاده از متد filter تمامی آیتم های بزرگتر از 10 که توی آرایه myArray وجود داشتند رو در قالب یک آرایه جدید به نام result برگردوندیم.خب حالا اگه هیچ کدوم از آیتم های آرایه برابر با شرط ما نبودن چه اتفاقی میوفته؟؟؟در اینصورت متد filter یک آرایه خالی رو برمیگردونه که ینی هیچکدوم از اعضای آرایه ما برابر با شرط نبودن.تو مثال بعدی میخوایم تمامی اعداد زوج رو از داخل آرایه myArray فیلتر کنیم:تو مثال بالا تابع callback ما شرطی که تعریف کردیم رو برای تک تک آیتم های myArray اجرا کرد و دو مقدار 4 و 18 رو برای ما فیلتر کرد.بهتره با هم یه مثال کاربردی تر ببینیم تا بهتر متوجه قدرت متدهای آرایه ها مخصوصا filter بشیم:تصور کنید دوتا آرایه A و B داریم و میخوایم آیتم هایی از آرایه A که درون آرایه B نیستن رو فیلتر کنیم.تو مثال بالا متد includes یک مقدار به عنوان ورودی میگیره و چک میکنه که آیا مقداری که بهش دادیم در آرایه arrB وجود داره یا نه؟هر بار که تابع callback ما برای تک تک آیتم های آرایه arrA اجرا میشه مقدار آیتم فعلی به عنوان ورودی به متد includes پاس داده میشه و اگه اون مقدار درون آرایه arrB وجود داشت مقدار true و اگر وجود نداشت مقدار false رو برمیگردونه.مثلا آیتم اول آرایه arrA (عدد 15) چون در آرایه arrB وجود داره مقدار true برمی گرده و آیتم دوم آرایه arrA (عدد 4)چون در arrB وجود نداره مقدار false رو برمیگردونه.ولی چون ما به آیتم هایی نیاز داریم که در آرایه arrB وجود ندارن از عملگر ! استفاده میکنیم تا مقادیر true و false رو معکوس کنه.در نتیجه اعداد 4 و11و 5 برای ما فیلتر میشن.استفاده از متد find در object هابا استفاده از متد filter میتونیم به راحتی آبجکت های دارای یک property خاص رو از درون یک آرایه فیلتر کنیم.تو مثال بالا به راحتی اومدیم و آبجکت هایی که دارای property برابر با شرط ما بودن رو فیلتر کردیم.تاثیر متد filter روی آرایه هامتد filter هیچ تغییری روی آرایه اصلی نمیزاره و اون رو تغییر نمیده و فقط آیتم هایی که برابر با شرط ما هستند رو در یک آرایه جدید برمی گردونه .چکیده مطالبمتد filter یک آرایه از آیتم هایی که برابر با شرط ما بودن رو برمی گردونه.متد filter یک تابع callback رو برای تک تک آیتم های آرایه ما اجرا می کنه.اگر هیچ آیتمی برابر با شرط ما پیدا نشه، متد filter یک آرایه خالی [ ] برمی‌گردونه.متد filter آرایه اصلی را تغییر نمی ده و هیچ تاثیری روی اون نمیزاره.یه کم مطالب این قسمت زیاد شد ولی سعی کردم به طور کامل متد filter رو توضیح بدم.امیدوارم از مطالب بالا استفاده کرده باشید.اگر مطالب براتون مفید بود لایک فراموش نکنید.ممنون از وقتی که گذاشتید. Behikoh Behikoh Sat, 27 Aug 2022 00:18:14 +0430 https://virgool.io/Rocket/%D9%87%D9%85%D9%87-%DA%86%DB%8C%D8%B2-%D8%AF%D8%B1%D8%A8%D8%A7%D8%B1%D9%87-%D9%85%D8%AA%D8%AF-find-%D8%AF%D8%B1-%D8%AC%D8%A7%D9%88%D8%A7-%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA-degdmlitlurt find method in javascriptسلام امیدوارم حالتون خوب باشه.امروز قراره درباره متد ()find صحبت کنیم.متد ()find یکی از پرکاربردترین متدها در جاوااسکریپت محسوب میشه.طریقه استفاده از متد findبه طور کلی به دو روش میتونیم از متد find استفاده کنیم.روش اول استفاده از arrow function هستش که شرط خودمون رو داخل متد find قرار میدیم.روش دوم بصورت callback function هستش که تابع مورد نظرمون رو به عنوان ورودی به متد find پاس میدیم.چگونگی کارکرد متد findاین متد میاد در داخل آرایه میگرده و اولین عضو از یک آرایه رو که شرط ما رو پاس کرده باشه برمیگردونه.بیایین مثال زیر رو ببینیم تا بهتر متوجه بشیم :توی مثال بالا یه تابع به نام checkNumber به وجود آوردیم که به عنوان ورودی یه آرایه میگیره و بوسیله متد find یه شرط رو یکبار برای هر عضو آرایه اجرا می کنه تا زمانی که یکی از اعضای آرایه برابر با شرط ما باشه. در اینصورت دیگه به بقیه اعضای آرایه توجهی نمیکنه و مقدار اون عضو رو برای ما برمیگردونه.میبینید که آرایه ما سه عضو کمتر از عدد 10 داره ولی متد find فقط اولین عضو که شرط ما رو پاس کرد برگردوند.توی مثال بالا اگه هیچکدوم از اعضای آرایه کوچکتر از 10 نبودن چه اتفاقی میوفته؟؟؟در اینصورت متد find مقدار undefined رو برمیگردونه که ینی هیچکدوم از اعضای آرایه ما برابر با شرط نبودن.استفاده از متد find در object هایکی از رایج ترین موارد استفاده از متد find پیدا کردن یک object با یک property یکتا درون یک آرایه هستش.مثال زیر رو ببینید تا بهتر متوجه بشن :تو مثال بالا یه آرایه شامل چندین object داریم که مشخصات کاربران رو درون خودشون ذخیره کردن.با استفاده از متد find میتونیم کاربری که ویژگی id اون برابر با شرط ما هستش رو پیدا کنیم.تاثیر متد find روی آرایه هامورد بعدی که در رابطه با متد find باید بهش اشاره بشه اینه که این متد هیچ تغییری روی آرایه اصلی نمیزاره و اون رو تغییر نمیده اما شرطی که براش تعیین کردیم میتونه این کار رو انجام بده.مثال زیر رو ببینید تا بهتر متوجه بشید:تابع checkNumber مقدار 17 رو برمیگردونه ولی شرطی که براش تعیین کردیم مقدار 17 رو از آرایه اصلی ما حذف میکنه و بعد از اجرای تابع checkNumber تابع myArr ما تغییر پیدا میکنه.چکیده مطالبمتد find مقدار اولین عضوی که برابر با شرط ما باشه برمی گردونه.متد find برای هر عضو آرایه یک تابع یا شرط رو اجرا می کنه.اگر هیچ عضوی برابر با شرط ما پیدا نشه، متد find مقدار undefined برمی‌گردونه.متد find آرایه اصلی را تغییر نمی ده ولی شرطی که براش تعریف کردیم میتونه آرایه اصلی رو تغییر بده.امیدوارم از مطالب بالا استفاده کرده باشید.اگر مطالب براتون مفید بود لایک فراموش نکنید.ممنون از وقتی که گذاشتید. Behikoh Behikoh Fri, 19 Aug 2022 00:14:48 +0430