فصل هفتم: اشیاء و سازمان‌دهی داده‌ها

{ }

فصل هفتم: اشیاء و سازمان‌دهی داده‌ها

دنیای واقعی را به کد تبدیل کنید!

۱. مفهوم شیء (Object)

در دنیای واقعی، یک “ماشین” فقط یک مقدار نیست. ماشین ویژگی‌های مختلفی دارد: رنگ، برند، مدل و سرعت. در جاوااسکریپت، Object به ما اجازه می‌دهد تمام این ویژگی‌های مرتبط را در یک “بسته” واحد ذخیره کنیم.

ساختار کلید-مقدار (Key-Value): هر اطلاعات در شیء شامل یک نام (Key) و یک مقدار (Value) است. مثلاً color: "red".

۲. ساخت اولین شیء

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

const user = {
  firstName: “امیر”,
  age: 28,
  isPremium: true
};

// دسترسی به ویژگی‌ها با استفاده از نقطه (Dot Notation)
console.log(user.firstName); // خروجی: امیر

۳. رفتارها (Methods)

اشیاء نه تنها می‌توانند “داده” ذخیره کنند، بلکه می‌توانند “کار” هم انجام دهند! وقتی یک تابع داخل یک شیء تعریف شود، به آن متد (Method) می‌گوییم.

const car = {
  brand: “Tesla”,
  start: function() {
    console.log(“ماشین روشن شد!”);
  }
};

car.start(); // اجرای متد

۴. ترکیب آرایه و شیء (ساختار دیتابیس)

در پروژه‌های واقعی مثل CSLearn، ما لیستی از اشیاء داریم. مثلاً لیستی از دوره‌های آموزشی که هر دوره خودش یک شیء با ویژگی‌های نام، قیمت و مدرس است.

const courses = [
  { title: “JS Basic”, price: 0 },
  { title: “React”, price: 500 }
];

console.log(courses[1].title); // خروجی: React

🛠 چالش: پروفایل شخصی

۱. یک شیء به نام myProfile بسازید.

۲. ویژگی‌های نام، سن و تخصص را به آن اضافه کنید.

۳. یک متد به نام introduce اضافه کنید که پیامی شامل نام و تخصص شما را در کنسول چاپ کند.

مشاهده پاسخ پیشنهادی

const myProfile = {
  name: “Ali”,
  skill: “Developer”,
  introduce: function() {
    console.log(`Hi, I am ${this.name} and I am a ${this.skill}`);
  }
};
myProfile.introduce();

تبریک! شما با مفاهیم شیء‌گرایی آشنا شدید.

اشیاء ستون فقرات جاوااسکریپت مدرن هستند. تقریباً همه چیز در JS (به نوعی) یک شیء است!

در فصل هشتم، به سراغ “DOM” می‌رویم؛ یاد می‌گیریم چطور با جاوااسکریپت ظاهر سایت (HTML/CSS) را تغییر دهیم!

CSLearn.ir – مرجع هوشمند آموزش وب

درس قبلی

بازگشت به دوره

درس بعدی