متدهای کاربردی آرایه ها در JavaScript | بخش اول

همه ما میدونیم آرایه ها (Arrays) یکی از مهم ترین نوع داده هایی هستند که ما روزانه در انجام پروژه های خودمون با اونها سروکار داریم، خب خیلی خوب میشه که یسری از متدهایی (methods) که هنگام کار با آرایه ها به ما کمک میکنن رو بشناسیم.

قبل از شروع بگم که این متدها که در اینجا گفته میشن در زبان جاوااسکریپت هستن و ممکنه مشابه اونها تویه زبان های برنامه نویسی دیگه هم باشه.

چطوری یک آرایه بسازیم؟

let arr = [];

در کد بالا یک آرایه ایجاد کردیم که هیچ مقداری نداره.

افزودن مقادیر به آرایه با متد push:

arr.push(1);
arr.push(2,3);
console.log(arr); // output [ 1, 2, 3 ]

با متد push به راحتی میشه مقادیر رو به انتهایه آرایه افزود، البته توجه داشته باشین در مثال بالا صرفا مقادیر عددی وارد شدند و شما میتونید انواع داده رو به آرایه اضافه کنید.

حذف مقادیر از آرایه با متد pop:

arr.pop();
console.log(arr); //output [ 1,2 ]

متد pop هیچ ورودی نمیگیره و همیشه با فراخوانی اون آخرین عنصر آرایه حذف میشه.

حرکت در طول آرایه با استفاده از حلقه forEach:

رویه آرایه که در مثال قبل مقدار دهی کردیم forEach رو صدا میکنیم.

arr.forEach(element => console.log(element));
//output 1 2

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

فیلترکردن آرایه با استفاده از متد filter:

(در این مثال ابتدا آرایه ای از object ها به نام users می سازیم)

let users = [
     { name: 'ali',  age: 22 },
     { name: 'reza',  age: 23 },
     { name: 'zahra',  age: 18 },
     { name: 'nafas',  age: 26 },
     { name: 'hamed',  age: 25 }
]
let result = users.filter(user => user.age >= 23);
console.log(result); 

یکی از متد کاربردی و مهم آرایه ها در جاوااسکریپت filter هست. به کمک این متد میتونید نتیجه دلخواه رو از یه آرایه مثل صافی خروجی بگیرین، خروجی این متد تنها مقادیری هستند که شرط آنها تطبیق داشته باشد در غیر این صورت در خروجی نمایش داده نمی شوند.

تغییر آرایه به کمک متد map:

(مثال زیر با استفاده از آرایه مثال قبله، ولی اینجا ما میخوایم عدد 23 رو با سن همه کاربرهامون جمع بزنیم)

let users = [
{ name: 'ali',  age: 22 },
{ name: 'reza',  age: 23 },
{ name: 'zahra',  age: 18 },
{ name: 'nafas',  age: 26 },
{ name: 'hamed',  age: 25 }
]

let result = users.map(user => user.age + 23);

console.log(result);

متد map برای تغییر یه آرایه استفاده میشه. به این صورت که تک تک عناصر آرایه تغییر پیدا کرده و آرایه ای جدید با همون طول قبلی تولید میشه ولی محتوای اون متفاوته.

خلاصه کردن آرایه به کمک متد reduce:

متد reduce به سرراستی توابع قبلی نیست پس اینجا یه نگاه دقیق تر بهش میندازیم.

let users = [    
    { name: 'ali',  age: 22 },  
    { name: 'reza',  age: 23 },  
    { name: 'zahra',  age: 18 },  
    { name: 'nafas',  age: 26 }, 
    { name: 'hamed',  age: 25 }
 ]
let result = users.reduce((sum, user)=>{
        return sum + user.age;
},  0);
console.log(result);

این متد دو آرگومان کلی داره: اولی یک تابع در دل خود با دو آرگومان دریافت میکند. آرگمان اول همیشه عنصر اول آرایه س و آرگومان دوم سایر عناصر آرایه هستن. این متد به صورت مکرر عنصری های آرایه رو میگیره و اونو با مقدار قبلی جمع میزنه در آخر هم یه مقدار کلی به ما میده. آرگومان دوم: نیز یک مقدار است که اختیاری می باشد که به حاصل آرگومان اول(تابع) میتونیم اضافه کنیم. البته به طور کل شما میتونید کارهای مختلفی با این متد انجام بدین و خلاصه دیتای مورد نظر خودتون رو با این متد به دست بیارین.

این قسمت اول بود و تو قسمت های بعدی که به زودی منتشر میشه بقیه متدهای کاربردی رو توضیح میدم.

ممنون از اینکه وقت گذاشتین :) خوشحال میشم نظرتون رو برام بنویسید.