تسلط بر اشیاء جاوا اسکریپت: از Singletons تا Object Arrays 🎯بخش دوم

اشیاء جاوا اسکریپت برای ساختاردهی داده ها در برنامه های شما ضروری هستند. امروز پوشش خواهیم داد اشیاء تک تن، لانه سازی شی، ترکیب اشیاء، و کار با آرایه های اشیاء. به علاوه، ما به برخی از روش‌های شی مفید می‌پردازیم! بیایید آن را گام به گام با یک رویکرد سرگرم کننده و تعاملی تجزیه کنیم! 🚀

1. اشیاء سینگلتون در مقابل اشیاء غیر تک تن 🧑‍💻

هنگام کار با اشیاء، ممکن است با آن مواجه شوید تک تن و غیر مجرد اشیاء

• شی سینگلتون: با استفاده از سازنده مانند ایجاد شده است new Object(). این بدان معنی است که از یک نظر منحصر به فرد است.

  const tinderUser = new Object(); // Singleton Object

• شی غیر تک تن: با استفاده از لفظ شی ایجاد شده است {}. شما می توانید هر تعداد که دوست دارید ایجاد کنید و هر کدام نمونه متفاوتی خواهند بود.

  const tinderUserTwo = {}; // Non-singleton Object

شما به راحتی می توانید ویژگی ها را به اشیا اضافه کنید:

tinderUserTwo.id = "123abc";
tinderUserTwo.name = "Sammy";
tinderUserTwo.isLoggedIn = false;

📌 خروجی: { id: '123abc', name: 'Sammy', isLoggedIn: false }

2. اشیاء درون اشیاء 🌐

جاوا اسکریپت به شما این امکان را می دهد اشیاء لانه درون اشیاء دیگر، که برای سازماندهی داده های پیچیده مفید است. به عنوان مثال:

const regularUser = {
    email: "someuser@gmail.com",
    fullName: {
        usersName: {
            firstName: "Ayush",
            lastName: "Yadav"
        }
    }
};

برای دسترسی به ویژگی‌های تودرتو، می‌توانید نام‌های دارایی را مانند این زنجیره بزنید:

console.log(regularUser.fullName.usersName.lastName); // Output: Yadav

این امر بازیابی داده ها را روان و ساختار یافته می کند. 🗂️

3. ترکیب اشیاء 🤝

آیا می خواهید چندین شی را با هم ادغام کنید؟ دو راه متداول برای انجام آن وجود دارد:

  const obj1 = { 1: "a", 2: "b" };
  const obj2 = { 3: "a", 4: "b" };
  const obj3 = Object.assign({}, obj1, obj2); // Combine obj1 and obj2 into obj3

• با استفاده از اپراتور گسترش (✨ محبوب ترین روش):

  const obj3 = { ...obj1, ...obj2 }; // Merge obj1 and obj2

📌 خروجی: { '1': 'a', '2': 'b', '3': 'a', '4': 'b' }

4. آرایه از اشیاء 📋

در برنامه های دنیای واقعی، شما اغلب چندین شی را در یک آرایه ذخیره می کنید. به عنوان مثال:

const users = [
    { id: 1, email: "h@gmail.com" },
    { id: 2, email: "i@gmail.com" },
    { id: 3, email: "j@gmail.com" },
    { id: 4, email: "k@gmail.com" }
];

شما می توانید به اشیاء جداگانه با فهرست آنها دسترسی پیدا کنید:

console.log(users[2].email); // Output: j@gmail.com

این برای مدیریت چندین نقطه داده بسیار مفید است. 🌟

5. روش های اشیاء ضروری 🛠️

جاوا اسکریپت چندین روش مفید برای کارکردن با اشیا ارائه می دهد:

1. Object.keys(): آرایه ای از کلیدهای شی را برمی گرداند.

   console.log(Object.keys(tinderUserTwo)); // Output: [ 'id', 'name', 'isLoggedIn' ]

1. Object.values(): آرایه ای از مقادیر شی را برمی گرداند.

   console.log(Object.values(tinderUserTwo)); // Output: [ '123abc', 'Sammy', false ]

1. Object.entries(): آرایه ای از جفت های کلید-مقدار را برمی گرداند.

   console.log(Object.entries(tinderUserTwo));
   // Output: [ ['id', '123abc'], ['name', 'Sammy'], ['isLoggedIn', false] ]

1. hasOwnProperty(): بررسی می کند که آیا یک ویژگی در شی وجود دارد یا خیر.

   console.log(tinderUserTwo.hasOwnProperty('isLoggedIn')); // Output: true

خلاصه 🎯

در این پست بررسی کردیم:

• Singleton در مقابل اشیاء غیر Singleton 💻
• اشیاء تودرتو برای داده های ساخت یافته 🌐
• ترکیب اشیاء با استفاده از Object.assign و اپراتور پخش 🤝
• کار با آرایه های اشیاء 📋
• روش های ضروری مانند Object.keys()، Object.values()، و hasOwnProperty() 🛠️

این مفاهیم برای تسلط بر اشیاء جاوا اسکریپت اساسی هستند. به تمرین و آزمایش با این تکنیک ها ادامه دهید تا مهارت های خود را افزایش دهید! 🎉