پرش به مطلب اصلی

۵. آرایه‌ها و اشیاء🔡

۱.آرایه‌ها​

آرایه‌ها مثل جعبه‌های جادویی هستند که می‌تونید چندتا داده رو کنار هم نگه دارید و به راحتی دستکاری کنید! 😄

تعریف و دستکاری داده‌ها​

برای ساخت یک آرایه از براکت‌های مربع [] استفاده می‌کنیم:

const numbers = [1, 2, 3, 4, 5]; // لیستی از اعداد
const fruits = ["🍎", "🍌", "🍒"]; // لیستی از میوه‌ها

دسترسی به اعضای آرایه​

برای خواندن مقدار یک عضو از آرایه، از اندیس استفاده می‌کنیم (اندیس‌ها از صفر شروع می‌شوند):

console.log(fruits[0]); // خروجی: 🍎 (اولین عنصر)
console.log(numbers[2]); // خروجی: 3 (سومین عنصر)

اضافه کردن اعضا به آرایه راه‌های مختلفی برای اضافه کردن عضو به آرایه وجود دارد:

  • با استفاده از متد push: افزودن عضو به انتهای آرایه
numbers.push(6);
console.log(numbers); // خروجی: [1, 2, 3, 4, 5, 6] ➕
  • با استفاده از متد unshift: افزودن عضو به ابتدای آرایه
fruits.unshift("🍇");
console.log(fruits); // خروجی: ["🍇", "🍎", "🍌", "🍒"] 🚀
  • اضافه کردن در موقعیت دلخواه با splice:
// افزودن عدد 10 در اندیس 2
numbers.splice(2, 0, 10);
console.log(numbers); // خروجی: [1, 2, 10, 3, 4, 5, 6] ✨

حذف اعضا از آرایه​

روش‌های مختلفی برای حذف عضو از آرایه وجود دارد:

  • متد pop: حذف آخرین عضو
const lastNumber = numbers.pop();
console.log(lastNumber); // خروجی: 6
console.log(numbers); // خروجی: [1, 2, 10, 3, 4, 5]
  • متد shift: حذف اولین عضو
const firstFruit = fruits.shift();
console.log(firstFruit); // خروجی: 🍇
console.log(fruits); // خروجی: ["🍎", "🍌", "🍒"]

  • حذف در موقعیت دلخواه با splice:
// حذف یک عضو از اندیس 2
const removed = numbers.splice(2, 1);
console.log(removed); // خروجی: [10]
console.log(numbers); // خروجی: [1, 2, 3, 4, 5]

متدهای پرکاربرد آرایه‌ها​

  • map: برای اجرای یک تابع روی هر عضو آرایه و ساخت یک آرایه جدید.
const doubled = numbers.map(num => num * 2);
console.log(doubled); // خروجی: [2, 4, 6, 8, 10] 🎯
  • filter: برای فیلتر کردن اعضای آرایه بر اساس یک شرط مشخص.
const even = numbers.filter(num => num % 2 === 0);
console.log(even); // خروجی: [2, 4] 🔍
  • reduce: برای جمع کردن اعضای آرایه به یک مقدار نهایی.
const sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // خروجی: 15 ➕
  • forEach: برای اجرای یک تابع روی هر عضو آرایه بدون برگرداندن آرایه جدید.
fruits.forEach(fruit => console.log(fruit)); // نمایش میوه‌ها: 🍎, 🍌, 🍒
  • sort: مرتب‌سازی آرایه
const sortedNumbers = numbers.sort((a, b) => a - b);
console.log(sortedNumbers); // خروجی: [1, 2, 3, 4, 5] 🔝

۲.اشیاء 🧱​

اشیاء در جاوااسکریپت مانند جعبه‌هایی هستند که می‌توانید ویژگی‌ها و متدهای مرتبط را در آن نگهداری کنید.

تعریف و ایجاد شیء​

برای ایجاد یک شیء از آکولاد {} استفاده می‌کنیم:

const person = {
    name: "علی",         
    age: 30,            
    job: "برنامه‌نویس",  
    hobbies: ["🎸", "📚", "🏃‍♂️"] // آرایه‌ای از علاقه‌مندی‌ها
};

دسترسی به پراپرتی‌های شیء​

برای خواندن مقدار یک پراپرتی می‌توانیم از دو روش استفاده کنیم:

  • نقطه‌ای
console.log(person.name); // خروجی: علی 🗣️
  • روش براکتی:
console.log(person["age"]); // خروجی: 30 ⏳

اضافه کردن و به‌روزرسانی پراپرتی‌ها​

  • اضافه کردن یک پراپرتی جدید:
person.email = "ali@example.com"; // اضافه کردن ایمیل 📧
  • به‌روزرسانی یک پراپرتی:
person.age = 31;
console.log(person.age); // خروجی: 31 🔄

حذف پراپرتی‌ها از شیء​

  • برای حذف یک پراپرتی از شیء از عملگر delete استفاده می‌کنیم:
delete person.job;
console.log(person); // شیء بدون پراپرتی job 🚫

خواندن همه پراپرتی‌های یک شیء​

برای دسترسی به کلیدها و مقادیر یک شیء می‌توان از حلقه for...in استفاده کرد:

for (let key in person) {
    console.log(`${key}: ${person[key]}`);
    // خروجی: name: علی, age: 31, hobbies: 🎸,📚,🏃‍♂️, email: ali@example.com
}

با آرزوی موفقیت
تیم برندآرا 🤖