15 فانکشن برای کار با آرایه در جاوا اسکریپت

آرایه‌ها یکی از پرکاربردترین ساختارهای داده در جاوا اسکریپت هستند که ابزارهای متنوعی برای مدیریت و پردازش آن‌ها وجود دارد. در این پست، با 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]

امیدوارم خوشتون اومده باشه

0 🔥
0 🎉
0 😮
0 👍
0 💜
1 👏
میلاد خسروی
نویسنده کد نیوز

برنامه نویس فان | Fun Developer یک آدم ساده که عاشق برنامه نویسی و کد زدنه :) تلاش میکنه تا به بقیه کمک کنه. توسعه دهنده هسته لاراول و فضای اوپن سورس. فاندر پرانتز و کد نیوز.

0+ نظر

برای ثبت نظر ابتدا ورود کنید.

0 نظر

    اولین نفر باش که نظر ثبت میکنی :) یعنی یه کامنت به ما نمیرسه 😁