برنامه نویس فان | Fun Developer یک آدم ساده که عاشق برنامه نویسی و کد زدنه :) تلاش میکنه تا به بقیه کمک کنه. توسعه دهنده هسته لاراول و فضای اوپن سورس. فاندر پرانتز و کد نیوز.
آرایهها یکی از پرکاربردترین ساختارهای داده در جاوا اسکریپت هستند که ابزارهای متنوعی برای مدیریت و پردازش آنها وجود دارد. در این پست، با 15 فانکشن قدرتمند و کاربردی جاوا اسکریپت برای کار با آرایهها آشنا میشوید. این توابع به شما کمک میکنند تا آرایهها را فیلتر کنید، تغییر دهید، ترکیب کنید یا بهسادگی دادههای مورد نیاز خود را استخراج کنید. اگر میخواهید مهارتهای خود را در مدیریت آرایهها ارتقا دهید، این لیست میتواند یک راهنمای کامل برای شروع باشد!
1. ()map
این فانکشن یک مقدار جدید به شما برمیگردونه و شما میتونید داخل یک فانکشن بیاید یک سری تغییرات برای آیتم های یک آرایه اعمال کنید، برای مثال در کد زیر ما اومدیم هر کدوم از آیتم های آرایه ضربدر 2 کردیم:
const numbers = [1, 2, 3, 4];
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8]
2. ()filter
این فانکشن از روی اسمش معلومه چیکار میکنه، در واقع این فانکشن آرایه شما فیلتر میکنه، یعنی شما میتونید یک شرط بزارید و براساس اون آرایه شما فیلتر بشه، برای مثال بگید تعداد کاراکتر های آرایه شما بیشتر از 6 باشه:
const words = ['spray', 'limit', 'elite', 'exuberant'];
const longWords = words.filter(word => word.length > 6);
console.log(longWords); // ['exuberant']
3. ()reduce
این فانکشن برای اینکه بخواید تمامی آیتم های آرایه یکی کنید استفاده میشه، فرض کنید یک سری اعداد دارید و میخواید جمع این اعداد رو بگیرید این فانکشن کاربرد داره یا حتی رشته و..:
const numbers = [1, 2, 3, 4];
const sum = numbers.reduce((total, num) => total + num, 0);
console.log(sum); // 10
4. ()find
این فانکشن از اسمش معلوم هست، این فانکشن میاد در آرایه شما جستجو میکنه و دیتا هایی که پیدا میکنه برمیگردونه:
const users = [
{ id: 1, name: 'Milwad' },
{ id: 2, name: 'CodeNews' },
{ id: 3, name: 'ParantesIR' }
];
const user = users.find(user => user.id === 2);
console.log(user); // { id: 2, name: 'Jane' }
5.()some
این فانکشن یک شرط می پذیره و بر اساس اون true یا false برمیگردونه. زمانی این فانکشن کاربرد داره که شما بخواید یک شرط در آرایه چک کنید هست یا نه، مثلا ببینید اعداد زوج در آرایه هست یا نه:
const numbers = [1, 2, 3, 4, 5];
const hasEven = numbers.some(num => num % 2 === 0);
console.log(hasEven); // true
6. ()every
این فانکشن مثل فانکشن "()some" عمل میکنه با این تفاوت که این فانکشن شرطی که بهش میدیم برای همه بررسی میکنه و اگه همشون اون شرط رو پس شدند true برمیگردونه:
const numbers = [2, 4, 6, 8];
const allEven = numbers.every(num => num % 2 === 0);
console.log(allEven); // true
7. ()forEach
این فانکشن میاد عملیات روی تمامی آیتم های آرایه اعمال میکنه و نسخه جدیدی برنمیگردونه، بلکه روی همون آرایه اعمال میشه:
const numbers = [1, 2, 3, 4];
numbers.forEach(num => console.log(num * 2)); // 2, 4, 6, 8
8. ()concat
این فانکشن میاد دو آرایه یا بیشتر رو ترکیب میکنه و یک آرایه برمیگردونه:
const array1 = [1, 2];
const array2 = [3, 4];
const combined = array1.concat(array2);
console.log(combined); // [1, 2, 3, 4]
9.()slice
این فانکشن میاد دو تا index میگیره و آیتم های درخواستی شما برمیگردونه، این فانکشن میتونه برای اینکه شما یک سری آیتم نیاز دارید و روی آرایه اصلی تغییری اعمال نشه استفاده کنید:
const fruits = ['apple', 'banana', 'orange', 'grape'];
const citrus = fruits.slice(2, 4);
console.log(citrus); // ['orange', 'grape']
10.()splice
این فانکشن میاد یک آیتم حذف، ویرایش یا جایگزین میکنه با یک مقدار دیگه و کاربرد های زیادی داره:
const numbers = [1, 2, 3, 4, 5];
numbers.splice(2, 1, 99);
console.log(numbers); // [1, 2, 99, 4, 5]
11. ()includes
این فانکشن میاد و چک میکنه اون آیتمی که ما بهش میدیم در آرایه هست یا نه:
const sites = ['CodeNews', 'Parantes', 'Milwad'];
console.log(sites.includes('CodeNews')); // true
12. ()indexOf
این فانکشن میاد اولین index آیتمی که جستجو میکنه رو برمیگردونه و اگه پیدا نکنه عدد -1 برمیگردونه:
const numbers = [1, 2, 3, 4];
const index = numbers.indexOf(3);
console.log(index); // 2
13. ()lastIndexOf
این فانکشن برعکس indexOf کار میکنه و میاد آخرین index رو برمیگردونه:
const numbers = [1, 2, 3, 4, 3];
const index = numbers.lastIndexOf(3);
console.log(index); // 4
14.()join
این فانکشن عالیه، در واقع میاد آیتم های آرایه یکی میکنه و با علامت خاصی که بهش میدیم جدا میکنه:
const words = ['Milwad', 'Khosravi'];
const sentence = words.join(' ');
console.log(sentence); // "Milwad Khosravi"
15.()reverse
این فانکشن میاد آیتم های یک آرایه برعکس میکنه و از آخر به اول میکنه:
const numbers = [1, 2, 3];
numbers.reverse();
console.log(numbers); // [3, 2, 1]
اولین نفر باش که نظر ثبت میکنی :) یعنی یه کامنت به ما نمیرسه 😁