چگونه از عملگر گسترش (...)

یادگیری نحوه استفاده از عملگر سه نقطه (...) نیز به عنوان عملگر گسترش شناخته می‌شود.

عملگر گسترش (spread operator)

عملگر گسترش (...) می‌توان یک شیء قابل جستجو (مانند آرایه) را به تعداد بیشتری عنصر گسترش داد.

این کار به ما اجازه می‌دهد تا به سرعت تمام یا بخشی از یک آرایه موجود را به آرایه دیگری کپی کنیم:

مثال

از عملگر گسترش در 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