كيف أقوم بحذف خاصية من كائن Object في JavaScript؟

يمكن إزالة أي خاصية أو تابع من كائن Object بعدة طريق:

إستخدام الكلمة المفتاحية delete

// لا يوجد أي فرق بين الطرق التالية
delete user.age;

// أو
delete user['age'];

// أو
var prop = "age";
delete user[prop];

إستخدام القيمة undefined

عند محاولة الوصول إلى خاصية غير موجودة في أي كائن سوف يتم إرجاع undefined ، ويمكننا أن نستخدم هذا الأمر لمحاكاة حذف الخاصية أو التابع من الكائن خاصتنا:

user.age = undefined;
console.log(user);

console.log(user.hasOwnProperty('age'));	// true

/*

{
  age: undefined,
  email: 'emad@gmail.com',
  firstName: 'Emad',
  lastName: 'Saif',
  getFullName: ƒ
}

*/

هذه الطريقة سوف تبقى الخاصية أو التابع موجودًا في الكائن لكن بقيمة undefined، بينما إستعمال الكلمة المفتاحية delete سوف يزل الخاصية أو التابع بشكل كامل:

delete user.age;
console.log(user);
console.log(user.hasOwnProperty('age'));	// false 

/*

{
  email: 'emad@gmail.com',
  firstName: 'Emad',
  lastName: 'Saif',
  getFullName: ƒ
}

*/

عمل كائن Object جديد

يمكن عمل كائن Object جديد يحتوي على كل الخصائص والتوابع ما عدا التلك التي نريد حذفها:

const {age, ...newUser} = user;

console.log(newUser.age);   // undefined
console.log(user.age); // 19

ميزة هذه الطريقة أنها تُبقى على العنصر الأصلي كما هو بدون تغير وتقوم بإنشاء كائن جديد كليًا بالخصائص والتوابع التي نريدها فقط، لكن من عيوبها أنها تقوم بعمل متغيرات جديدة في المجال الحالي، ففي المثال السابق تم إنشاء متغير جديد باسم age بقيمة 19