MATIN MOLKARA
SERIES: JavaScript — PART 5 OF 108

5- آموزش جاوااسکریپت | کار با آبجکت‌ها (Objects)

در این بخش با مفهوم آبجکت‌ها در جاوااسکریپت آشنا می‌شویم. یاد می‌گیریم که چگونه داده‌های مرتبط را به صورت دسته‌بندی شده ذخیره کنیم و با استفاده از روش‌های Dot Notation و Bracket Notation به خواص (Properties) آن‌ها دسترسی داشته باشیم.

در بخش‌های قبلی یاد گرفتیم که چگونه متغیرها را تعریف کنیم و انواع داده‌های مختلف (مثل رشته‌ها و اعداد) را در آن‌ها قرار دهیم. اما تصور کنید می‌خواهیم اطلاعات یک کاربر (مثلاً نام، سن و سرگرمی) را ذخیره کنیم. تعریف سه متغیر مجزا روش کارآمدی نیست. اینجا جایی است که آبجکت‌ها (Objects) وارد عمل می‌شوند.


آبجکت چیست؟

آبجکت‌ها به ما اجازه می‌دهند داده‌های مرتبط را در یک مکان واحد جمع‌آوری کنیم. در واقع، آبجکت مجموعه‌ای از "کلید-مقدار" (Key-Value pairs) است که به آن خواص (Properties) می‌گوییم.

تعریف آبجکت

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

const user = {
  name: 'John Doe',
  age: 40,
  hobby: 'reading'
};

console.log(user);

در اینجا user آبجکت ماست و name ،age و hobby خواص (Properties) آن هستند.


دسترسی به خواص آبجکت

برای خواندن یا استفاده از مقادیر داخل یک آبجکت، دو روش استاندارد در جاوااسکریپت وجود دارد:

1) Dot Notation (نشان‌گذاری نقطه‌ای)

این روش رایج‌ترین و خواناترین راه برای دسترسی به خواص است. کافیست نام آبجکت را بنویسید، یک نقطه بگذارید و نام خاصیت (Property) مورد نظر را وارد کنید:

console.log(user.name); // خروجی: John Doe
console.log(user.hobby); // خروجی: reading

2) Bracket Notation (نشان‌گذاری کروشه‌ای)

این روش به ما اجازه می‌دهد از کروشه [] برای دسترسی به خواص استفاده کنیم. در این حالت، نام خاصیت باید داخل کوتیشن (String) قرار بگیرد:

console.log(user['name']); // خروجی: John Doe
console.log(user['age']);  // خروجی: 40

چه زمانی از کدام روش استفاده کنیم؟

  • Dot Notation: برای اکثر مواقع که نام خاصیت را از قبل می‌دانیم، به دلیل سادگی و خوانایی بیشتر، بهترین گزینه است.
  • Bracket Notation: زمانی مفید است که نام خاصیت داینامیک است (مثلاً از یک متغیر دیگر گرفته شده) یا نام خاصیت دارای کاراکترهای خاص (مثل فاصله یا کاراکترهای غیرمجاز) است که با نقطه قابل دسترسی نیست.

جمع‌بندی

در این آموزش آموختیم:

  • آبجکت‌ها ابزاری برای گروه‌بندی داده‌های مرتبط هستند.
  • خواص یک آبجکت به صورت زوج‌های کلید-مقدار تعریف می‌شوند.
  • دسترسی به داده‌های آبجکت از دو طریق Dot Notation و Bracket Notation امکان‌پذیر است.

در آموزش بعدی، وارد دنیای آرایه‌ها (Arrays) می‌شویم و می‌بینیم که چگونه می‌توانیم لیستی از داده‌ها را ذخیره و مدیریت کنیم.

// 0 comments
#جاوااسکریپت#آموزش جاوااسکریپت#آبجکت#Object#Property#Dot Notation#Bracket Notation#برنامه نویسی وب#JavaScript

نظرات (0)

نظر خود را بنویسید