آموزش رایگان جاوااسکریپت

حذف و اضافه کردن یک ویژگی (Property) به آبجکت‌ها

در این بخش از آموزش، به نحوه اضافه و حذف کردن یک ویژگی (Property) از آبجکت‌ها در جاوا اسکریپت می‌پردازیم.

اضافه کردن پراپرتی یا ویژگی به آبجکت‌ها

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

var person = {
    first: "mohammad"
};
person.last = "haji maghsoodi";
console.log(person); // { first: "mohammad", last: "haji maghsoodi" }

همان‌طور که مشاهده می‌کنید، با اجرای این کد در کنسول مرورگر، پراپرتی last به آبجکت person اضافه می‌شود. به این صورت، شما می‌توانید به راحتی پراپرتی‌های جدیدی مانند last را به آبجکت اضافه کنید. همچنین، می‌توانید یک تابع به آبجکت اضافه کنید:

person.address = function() {
    console.log('address');
};

با اجرای این کد، یک تابع جدید به آبجکت اضافه می‌شود که در صورت فراخوانی، مقدار “address” را لاگ می‌کند.

حذف کردن پراپرتی یا ویژگی از آبجکت‌ها

اکنون می‌خواهیم یاد بگیریم چگونه یک پراپرتی را از آبجکت حذف کنیم. با استفاده از دستور delete می‌توانیم یک پراپرتی را از آبجکت پاک کنیم:

delete person.first;

اگر این کد را قبل از لاگ گرفتن اجرا کنید، پراپرتی first از آبجکت حذف خواهد شد و دیگر در خروجی دیده نخواهد شد.

جمع‌بندی

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

تمرین

تمرین کردن این مباحث به شما کمک می‌کند تا به خوبی این مفاهیم را درک کرده و در کدنویسی جاوا اسکریپت از آن‌ها استفاده کنید. موفق باشید!