61 lines
3.0 KiB
Markdown
61 lines
3.0 KiB
Markdown
|
---
|
|||
|
|
title: Object Assign
|
|||
|
|
localeTitle: كائن التعيين
|
|||
|
|
---
|
|||
|
|
## كائن التعيين
|
|||
|
|
|
|||
|
|
هذا هو كعب. [ساعد مجتمعنا على توسيعه](https://github.com/freecodecamp/guides/tree/master/src/pages/javascript/standard-objects/object/object-assign/index.md) .
|
|||
|
|
|
|||
|
|
[سيساعدك دليل النمط السريع هذا على ضمان قبول طلب السحب](https://github.com/freecodecamp/guides/blob/master/README.md) .
|
|||
|
|
|
|||
|
|
يتم استخدام الأسلوب `Object.assign()` إلى 1) إضافة الخصائص والقيم إلى كائن موجود ، 2) إنشاء نسخة جديدة من كائن موجود ، أو 3) دمج كائنات موجودة متعددة في كائن واحد. يتطلب الأسلوب `Object.assign()` targetObject واحدًا كمعلمة ويمكن أن يقبل عددًا غير محدود من sourceObjects كمعلمات إضافية.
|
|||
|
|
|
|||
|
|
من المهم ملاحظة أن معلمة targetObject سيتم تعديلها دائمًا. إذا كانت المعلمة تشير إلى كائن موجود ، فسيتم تعديل هذا الكائن ونسخه. ومع ذلك ، إذا كنت ترغب في إنشاء نسخة من كائن بدون تعديل الكائن الأصلي ، فيمكنك تمرير كائن فارغ `{}` كمعلمة (أو targetObject) الأولى والكائن المطلوب نسخه كمعلمة ثانية (أو sourceObject).
|
|||
|
|
|
|||
|
|
إذا كانت الكائنات التي تم تمريرها كمعلمات في `Object.assign()` تتشارك في نفس الخصائص (أو المفاتيح) ، فإن قيم الخصائص التي تأتي لاحقًا في قائمة المعلمات ستحل محل تلك التي جاءت في وقت سابق.
|
|||
|
|
|
|||
|
|
**بناء الجملة**
|
|||
|
|
|
|||
|
|
`Object.assign(targetObject, ...sourceObject)
|
|||
|
|
`
|
|||
|
|
|
|||
|
|
**قيمة الإرجاع**
|
|||
|
|
|
|||
|
|
`Object.assign()` بإرجاع targetObject.
|
|||
|
|
|
|||
|
|
**أمثلة**
|
|||
|
|
|
|||
|
|
_تعديل ونسخ targetObject_
|
|||
|
|
|
|||
|
|
`let obj = {name: 'Dave', age: 30};
|
|||
|
|
|
|||
|
|
let objCopy = Object.assign(obj, {coder: true});
|
|||
|
|
|
|||
|
|
console.log(obj); // returns { name: 'Dave', age: 30, coder: true }
|
|||
|
|
console.log(objCopy); // returns { name: 'Dave', age: 30, coder: true }
|
|||
|
|
`
|
|||
|
|
|
|||
|
|
_نسخ targetObject بدون تعديل_
|
|||
|
|
|
|||
|
|
`let obj = {name: 'Dave', age: 30};
|
|||
|
|
|
|||
|
|
let objCopy = Object.assign({}, obj, {coder: true});
|
|||
|
|
|
|||
|
|
console.log(obj); // returns { name: 'Dave', age: 30 }
|
|||
|
|
console.log(objCopy); // returns { name: 'Dave', age: 30, coder: true }
|
|||
|
|
`
|
|||
|
|
|
|||
|
|
_كائنات ذات خصائص مماثلة_
|
|||
|
|
|
|||
|
|
`let obj = {name: 'Dave', age: 30, favoriteColor: 'blue'};
|
|||
|
|
|
|||
|
|
let objCopy = Object.assign({}, obj, {coder: true, favoriteColor: 'red'});
|
|||
|
|
|
|||
|
|
console.log(obj); // returns { name: 'Dave', age: 30, favoriteColor: 'blue' }
|
|||
|
|
console.log(objCopy); // { name: 'Dave', age: 30, favoriteColor: 'red', coder: true }
|
|||
|
|
`
|
|||
|
|
|
|||
|
|
#### معلومات اكثر:
|
|||
|
|
|
|||
|
|
[MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign)
|
|||
|
|
[مقدمة في Object.assign في ES6 (فيديو)](https://youtu.be/vM7Tif98Dlo)
|