آرایه های جاوا اسکریپت 🔥 عالی بودن آرایه

تسلط بر آرایه های جاوا اسکریپت: راهنمای جامع روش های آرایه 🚀

معرفی:

آرایه ها اسباب کار جاوا اسکریپت هستند که به ما اجازه می دهند داده ها را به راحتی ذخیره، دستکاری و تبدیل کنیم. در این راهنمای جادویی، ما سفری را در دنیای مسحورکننده روش‌های آرایه آغاز خواهیم کرد. از اصول اولیه تا پیشرفته، ما قدرت های هر روش و چگونگی تغییر کد شما را کشف خواهیم کرد! 🌟

1. forEach() – مسیر ماجراجو 🌌:

این forEach روش مانند یک ماجراجوی شجاع است که از هر عنصر یک آرایه عبور می کند و یک عمل را انجام می دهد:

const heroes = ['Gandalf', 'Frodo', 'Aragorn'];

heroes.forEach(hero => {
  console.log(hero + ' is a hero of Middle-earth');
});

2. map() – The Shape-Shifter 🦄:

تبدیل آرایه ها آسان است map، ایجاد یک آرایه جدید با نتایج اعمال یک تابع برای هر عنصر:

const numbers = [1, 2, 3, 4, 5];

const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8, 10]

3. filter() – نگهبان ارزش ها 🛡️:

این filter متد از آرایه شما محافظت می کند و یک آرایه جدید با عناصری ایجاد می کند که یک تست را با موفقیت پشت سر می گذارند:

const numbers = [10, 15, 20, 25, 30];

const divisibleByFive = numbers.filter(num => num % 5 === 0);
console.log(divisibleByFive); // [10, 15, 20, 25, 30]

4. find() – جوینده گنج 🔍:

به دنبال عنصر خاصی هستید؟ find به شما کمک می کند اولین عنصر را در یک آرایه پیدا کنید که یک شرط را برآورده می کند:

const users = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 3, name: 'Charlie' }
];

const user = users.find(user => user.id === 2);
console.log(user); // { id: 2, name: 'Bob' }

5. reduce() – جادوگر انباشت کننده 🧙‍♂️:

reduce یک جادوگر قدرتمند است که یک آرایه را از طریق یک تابع ارائه شده به یک مقدار کاهش می دهد:

const numbers = [1, 2, 3, 4, 5];

const sum = numbers.reduce((acc, curr) => acc + curr, 0);
console.log(sum); // 15

6. some() – تایید کننده شرایط ✔️:

باید بدانید که آیا حداقل یک عنصر دارای یک شرط است؟ some اعتباردهنده شماست:

const numbers = [10, 20, 30, 40, 50];

const hasGreaterThanThirty = numbers.some(num => num > 30);
console.log(hasGreaterThanThirty); // true

7. every() – دروازه بان معیارها 🚪:

اگر همه عناصر باید یک آزمون را پشت سر بگذارند، every تضمین می کند که آنها انجام می دهند:

const temperatures = [25, 28, 30, 32, 27];

const allAboveTwentyFive = temperatures.every(temp => temp > 25);
console.log(allAboveTwentyFive); // false

8. sort() – تنظیم کننده منظم 📊:

sort عناصر یک آرایه را در جای خود مرتب می کند یا یک آرایه مرتب شده جدید را برمی گرداند:

const fruits = ['Banana', 'Apple', 'Cherry', 'Dates'];

const sortedFruits = fruits.sort();
console.log(sortedFruits); // ['Apple', 'Banana', 'Cherry', 'Dates']

9. slice() – برش دهنده آرایه ها 🍽️:

به بخشی از آرایه خود نیاز دارید؟ slice برش دهنده شما است:

const elements = [10, 20, 30, 40, 50];

const slicedElements = elements.slice(1, 4);
console.log(slicedElements); // [20, 30, 40]

10. splice() – ترانسفورماتور آرایه 🛠️:

برای تغییر محتویات یک آرایه با حذف یا جایگزینی عناصر موجود، splice این ترفند را انجام می دهد:

const colors = ['Red', 'Green', 'Blue'];

colors.splice(1, 1, 'Yellow');
console.log(colors); // ['Red', 'Yellow', 'Blue']

نتیجه:

تبریک می گویم، ماجراجویان شجاع! 🎉 شما در قلمرو آرایه های جاوا اسکریپت سفر کرده اید و از قدرت روش های آرایه استفاده کرده اید. از پیمایش و تبدیل تا فیلتر و مرتب‌سازی، این روش‌ها همراهان شما در جستجوی کدهای تمیز و کارآمد هستند. قدرت های آنها را به خاطر بسپارید و آنها را عاقلانه در ماجراجویی های کدنویسی خود به کار بگیرید! 💪✨

کدام روش آرایه مورد علاقه شماست؟ داستان های خود را در مورد دستکاری و تبدیل آرایه در نظرات زیر به اشتراک بگذارید! 💬🚀