كيفية حذف قيمة ما من Javascript Object

باش تمحي شي قيمة من javascript object, بإمكانك تستخدم 2 طرق. الطريقة الأولى كاتمكنك من أنك تغير ل Object الأصلي. و الطريقة الثانية هي تنشئ Object جديد إنطلاقا من الاصلي لكن بدون القيمة اللي بغيتي تمسح.

الطريقة بسيطة بإمكانك تكتبها فسطر واحد.

1. الطريقة الأولى بإستخدام delete :

يإستخدام delete بإمكانك تمسح القيمة اللي بغيتي من ل Object الأصلي. طريقة العمل على هاد الشكل :

const obj = {
   name:"darija.dev",
   language:"Darija"
 };

هاد ل Object فيه 2 قيم , name و language. فهاد المثال غانمسحو language.

delete obj.language;

console.log(obj) // { name:"darija.dev" }

بإمكانك أيضا تكتب obj['language'] بدلا من obj.language .

2. الطريقة الثانية بإستخدام Object Destructuring :

غانستخدمو 2 ديال الأشياء:

• Object Destructuring : اللي كايمكنا من أننا نخزنو القيم ديال Object في متغيرات variables.

  مثال :

إلى بغينا نخزنو القيم ديال ل Object في متغيرات بدون إستعمال Object Destructuring :

const name = obj.name;
const language = obj.language;

بإستعمال Object Destructuring :

const { name, language } = obj;

• rest syntax : كايمكنا من أننا نستخرجو القيم الموجودة في Array أو Object.

  مثال :

  rest syntax عندو العديد من الإستعمالات , لكن فهاد الشرح غانهضر على 2 ديال الإستعمالات الأكثر شيوعا اللي هي إنشاء نسخة من Array أو Object و كذلك دمج 2 Array أو 2 Object معا :

////////// Array إنشاء نسخة من ///////

const arr = [1,2,3];
const newArr = [...arr];
console.log(newArr); //  [1,2,3]

// مغاتغيرش arr  ,كيف ما بغينا  newArr الأن واخا نغيرو في 

////////// Array دمج 2 ///////

const arr1 = [1,2,3];
const arr2 = [4,5,6];
const arr = [...arr1, ...arr2];
console.log(arr); // [1,2,3,4,5,6]

هادشي اللي درنا ل Array بإمكانك طبقو على ل Object. و كإضافة, حتى String بإمكانك تستخدم عليها rest syntax.

الأن نرجعو للموضوع الرئيسي ديال هاد المقال و نشوفو كيفاش نستخدمو هادشي باش نشؤو Object جديد بدون القيمة اللي بغينا نمسحو.

فهاد المثال غانستخدمو ل Object اللي ستخدمنا في المثال الأول, لكن بدل ما نمسحو language هاد المرة غانمسحو name.

const { name, ...newObj } = obj;

console.log(newObj); // { language: "Darija" }

اللي درنا هنا هو أننا وضعنا القيمة اللي بغينا نحيدو في متغير و ستعملنا rest syntax باش نقولو ل javascript يوضع باقي القيم في Object جديد و إسميه newObj.

النهاية :

وصلنا لنهاية المقال, كانتمنا تكونو ستافدتو شي حاجة. ما تنساوش تابعونا على الصفحة ديالنا في Facebook