درس یازدهم : آبجکت ها قسمت اول

در این درس درباره آبجکتها در جاوااسکریپت صحبت میکنیم و کاربرد اونها را آموزش میدهیم.

سایت‌های بسیاری برای تمرین و حل مسائل برنامه‌نویسی و الگوریتمی  وجود دارند که در ادامه برخی از بهترین آن‌ها را معرفی می‌کنم:

1. Project Euler (projecteuler.net)
   این سایت به‌طور خاص بر روی مسائل ریاضی و الگوریتمی تمرکز دارد که بیشتر آن‌ها شامل برنامه‌نویسی و محاسبات ریاضی پیچیده است. مسائل Project Euler به‌طور پیوسته چالش‌برانگیزتر می‌شوند و برای علاقه‌مندان به ریاضیات و علوم کامپیوتر بسیار جذاب است.

2. LeetCode (leetcode.com)
   LeetCode یکی از بهترین سایت‌ها برای آمادگی مصاحبه‌های شغلی در شرکت‌های فناوری است. مسائل این سایت در موضوعات مختلفی از جمله آرایه‌ها، گراف‌ها، و رشته‌ها تا طراحی سیستم‌ها و مباحث پیشرفته ارائه می‌شود. علاوه بر حل مسئله، LeetCode امکان شرکت در مسابقات و به اشتراک‌گذاری راه‌حل‌ها را نیز فراهم می‌کند.

3. HackerRank (hackerrank.com)
   HackerRank برای یادگیری و تمرین برنامه‌نویسی، ریاضیات، SQL و علوم داده محیطی جامع ارائه می‌دهد. این سایت برای یادگیری گام‌به‌گام و تقویت مهارت‌های حل مسئله، چالش‌های متنوعی را در زبان‌های مختلف و به سطوح متفاوت ارائه می‌دهد.

4. Codewars (codewars.com)
   Codewars بر اساس سیستم سطح‌بندی و امتیازدهی کار می‌کند و مسائل آن در قالب "kata" عرضه می‌شوند که به تدریج سخت‌تر می‌شوند. این سایت مسائل جذابی برای یادگیری زبان‌های مختلف برنامه‌نویسی مانند JavaScript، Python، و Ruby دارد و بسیار مناسب برای تقویت مهارت‌های برنامه‌نویسی است.

5. TopCoder (topcoder.com)
   یکی از قدیمی‌ترین و معتبرترین پلتفرم‌ها برای حل مسائل برنامه‌نویسی و الگوریتم‌های پیشرفته است. TopCoder علاوه بر چالش‌ها، مسابقات آنلاین و محیطی برای آزمون و رقابت‌های برنامه‌نویسی حرفه‌ای دارد.

6. Codeforces (codeforces.com)
   یک پلتفرم روسی برای مسابقات برنامه‌نویسی و مسائل الگوریتمی است که به صورت مداوم مسابقات زنده برگزار می‌کند. مسائل Codeforces از ساده تا بسیار پیشرفته هستند و برای افرادی که به رقابت‌های برنامه‌نویسی علاقه دارند، بسیار جذاب و مناسب است.

7. SPOJ (Sphere Online Judge) (spoj.com)
   این سایت دارای بیش از ۲۰۰۰۰ مسئله است که توسط کاربران افزوده شده‌اند و تنوع بالایی از مسائل برنامه‌نویسی و الگوریتمی ارائه می‌دهد. از مسائل ساده گرفته تا چالش‌های سنگین ریاضی و برنامه‌نویسی، SPOJ یک انتخاب عالی برای توسعه‌دهندگان و علاقه‌مندان به حل مسائل پیچیده است.

8. Exercism (exercism.io)
   Exercism محیطی تعاملی برای یادگیری زبان‌های مختلف برنامه‌نویسی است و شامل چالش‌های برنامه‌نویسی متنوعی می‌شود. این سایت برای یادگیری و تقویت مهارت‌ها در بیش از ۵۰ زبان برنامه‌نویسی استفاده می‌شود و همراه با راهنما و بازبینی همکارانه (Mentorship) است.

9. Coderbyte (coderbyte.com)
   Coderbyte برای آمادگی مصاحبه‌های شغلی و تقویت الگوریتم‌ها محیطی عالی دارد. این سایت شامل تمرین‌های کدنویسی، چالش‌های الگوریتمی و قابلیت یادگیری زبان‌های مختلف می‌باشد و همچنین راهنمای گام‌به‌گام و ویدیو‌های آموزشی را نیز فراهم می‌کند.

این سایت‌ها گزینه‌های عالی برای بهبود مهارت‌های حل مسئله و آمادگی برای مصاحبه‌های برنامه‌نویسی هستند و به شما کمک می‌کنند تا توانایی‌های خود را در حل مسائل الگوریتمی و بهینه‌سازی تقویت کنید.

آبجکت ها

در جاوا اسکریپت، آبجکت (Object) یک نوع داده‌ای است که برای ذخیره‌سازی مجموعه‌ای از اطلاعات مرتبط استفاده می‌شود. آبجکت‌ها به صورت کلید-مقدار (key-value) سازماندهی شده‌اند، یعنی هر داده‌ای که داخل آبجکت قرار می‌گیرد یک کلید دارد که به یک مقدار اشاره می‌کند.

const person = {
        name : "Ali",
        age : 39 ,
        job :"programmer"
}


person.name = "Ali Shohnai"

console.log(person.name )

در اینجا، person یک آبجکت است که شامل سه ویژگی (property) است:

• name با مقدار "Ali"
• age با مقدار 30
• city با مقدار "Tehran"

ویژگی‌ها و مزایای آبجکت‌ها

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

دسترسی به مقادیر آبجکت‌ها

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

با استفاده از نقطه‌گذاری

می‌توانیم به ویژگی‌های آبجکت از طریق نام ویژگی و نقطه دسترسی پیدا کنیم:

console.log(person.name); // "Ali"
console.log(person.age);  // 39
console.log(person.job ); // "programmer"

با استفاده از براکت‌گذاری

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

console.log(person["name"]); // "Ali"
console.log(person["age"]);  // 30
console.log(person["job"]); // "programmer"

به‌روزرسانی مقادیر

برای به‌روزرسانی مقادیر یک ویژگی در آبجکت، از هر یک از روش‌های بالا استفاده می‌کنیم و مقدار جدید را به ویژگی مورد نظر اختصاص می‌دهیم.

به‌روزرسانی با نقطه‌گذاری

person.age = 31;
person.job = "Teacher";
console.log(person.age);  // 31
console.log(person.job ); // "Teacher"

به‌روزرسانی با براکت‌گذاری

person["age"] = 32;
person["job"] = "Teacher";
console.log(person["age"]);  // 32
console.log(person["job"]); // "Teacher"

اضافه کردن ویژگی جدید

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

person.country = "Iran";         // با نقطه‌گذاری
person["occupation"] = "Engineer"; // با براکت‌گذاری
console.log(person);

نتیجه

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

{
  name: "Ali",
  age: 32,
  job: "Teahcer",
  country: "Iran",
  occupation: "Engineer"
}

نکته

هر دو روش دسترسی به ویژگی‌ها و به‌روزرسانی آن‌ها به یک نتیجه ختم می‌شوند، اما روش براکت‌گذاری انعطاف‌پذیری بیشتری دارد، به ویژه زمانی که نام ویژگی به صورت رشته یا متغیر ذخیره شده باشد.

مقداری از نوع تابع

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

در مثال زیر، تابعی به نام sayHello را به آبجکت person اضافه می‌کنیم. این تابع با استفاده از this به ویژگی‌های آبجکت دسترسی پیدا کرده و پیامی را در کنسول نمایش می‌دهد.

let person = {
  name: "Ali",
  age: 30,
  sayHello: function() {
    console.log("Hello, my name is " + this.name + " and I am " + this.age + " years old.");
  }
};

person.sayHello(); // Hello, my name is Ali and I am 30 years old.

توضیحات

در این مثال:

• sayHello یک متد (تابع) است که به عنوان یک ویژگی در آبجکت person تعریف شده است.
• با استفاده از this.name و this.age، تابع به مقادیر ویژگی‌های name و age آبجکت person دسترسی پیدا می‌کند.
• سپس پیامی شامل نام و سن شخص را در کنسول نمایش می‌دهد.

استفاده از نگارش کوتاه‌تر برای متدها (ES6)

در ES6، می‌توانیم از نگارش کوتاه‌تری برای تعریف متدها استفاده کنیم:

let person = {
  name: "Ali",
  age: 30,
  sayHello() {
    console.log("Hello, my name is " + this.name + " and I am " + this.age + " years old.");
  }
};

person.sayHello(); // Hello, my name is Ali and I am 30 years old.