كيفية استخدام عملاق التوسع (...)

تعلم كيفية استخدام نقط الثلاثة في JavaScript (...)، يُعرف أيضًا بعملاق التوسع.

عملاق التوسع (spread operator)

عملاق التوسع في JavaScript (...) يمكن توسيع عنصر قابل للتعديل (مثل المصفوفة) إلى عدد أكبر من العناصر.

هذا يسمح لنا بسرعة نسخ كل أو جزء من مصفوفة موجودة إلى مصفوفة أخرى:

مثال

استخدام عملاق التوسع في JavaScript لدمج مصفوفتين

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 = {
  العلامة التجارية: 'Ford',
  النموذج: 'Mustang',
  اللون: 'red'
{}
const updateMyVehicle = {
  النوع: 'car',
  السنة: 2021,
  اللون: 'yellow'
{}
const myUpdatedVehicle = {...myVehicle, ...updateMyVehicle}

جربها بنفسك

يرجى ملاحظة أن الخصائص غير المطابقة تم دمجها، ولكن الخصائص المطابقة اللون الجسم الذي تم إدخاله أخيرًا updateMyVehicle تم تغطيتها. لون النهاية الآن أصفر.

الصفحات ذات الصلة

دليل:JavaScript ES6