رد فعل عامل انتشار ES6
عامل انتشار
يسمح لنا عامل تشغيل جافا سكريبت ( ...
) بنسخ كل أو جزء من مصفوفة أو كائن موجود إلى مصفوفة أو كائن آخر.
مثال
const numbersOne = [1, 2, 3];
const numbersTwo = [4, 5, 6];
const numbersCombined = [...numbersOne, ...numbersTwo];
غالبًا ما يتم استخدام عامل الانتشار مع التدمير.
مثال
قم بتعيين العناصر الأولى والثانية من numbers
المتغيرات ووضع الباقي في مصفوفة:
const numbers = [1, 2, 3, 4, 5, 6];
const [one, two, ...rest] = numbers;
يمكننا استخدام عامل الانتشار مع الكائنات أيضًا:
مثال
اجمع بين هذين الكائنين:
const myVehicle = {
brand: 'Ford',
model: 'Mustang',
color: 'red'
}
const updateMyVehicle = {
type: 'car',
year: 2021,
color: 'yellow'
}
const myUpdatedVehicle = {...myVehicle, ...updateMyVehicle}
لاحظ أنه تم دمج الخصائص غير المتطابقة ، ولكن color
تمت الكتابة فوق الخاصية المطابقة بواسطة الكائن الأخير الذي تم تمريره ، updateMyVehicle
. اللون الناتج الآن أصفر.