اسپرد اپراتور (...) یکی از امکانات قدرتمند و انعطاف‌پذیر جاوا اسکریپت است که برای گسترش عناصر یک آرایه یا ویژگی‌های یک شیء استفاده می‌شود. این اپراتور به شما اجازه می‌دهد تا به راحتی داده‌ها را بین آرایه‌ها و اشیاء کپی کنید یا ترکیب کنید .

در اینجا چند مورد از کاربردهای معمول اسپرد اپراتور را توضیح می‌دهم :

۱- کپی‌کردن آرایه

با استفاده از اسپرد اپراتور می‌توانید یک کپی سطحی (shallow copy) از یک آرایه ایجاد کنید.

let array1 = [1, 2, 3];
let array2 = [...array1];

array2.push(4);

console.log(array1); // [1, 2, 3]
console.log(array2); // [1, 2, 3, 4]

let array1 = [1, 2, 3];
let array2 = [...array1];

array2.push(4);

console.log(array1); // [1, 2, 3]
console.log(array2); // [1, 2, 3, 4]

در این مثال، array2 یک کپی مستقل از array1 است. بنابراین، تغییرات در array2 تاثیری بر array1 ندارد.

۲- ترکیب آرایه‌ها

اسپرد اپراتور به شما اجازه می‌دهد چندین آرایه را با هم ترکیب کنید.

let array1 = [1, 2, 3];
let array2 = [4, 5, 6];
let combinedArray = [...array1, ...array2];

console.log(combinedArray); // [1, 2, 3, 4, 5, 6]

let array1 = [1, 2, 3];
let array2 = [4, 5, 6];
let combinedArray = [...array1, ...array2];

console.log(combinedArray); // [1, 2, 3, 4, 5, 6]

۳- کپی‌کردن و ترکیب اشیاء

اسپرد اپراتور می‌تواند ویژگی‌های یک شیء را کپی کرده و اشیاء را ترکیب کند.

let obj1 = { a: 1, b: 2 };
let obj2 = { c: 3, d: 4 };
let combinedObj = { ...obj1, ...obj2 };

console.log(combinedObj); // { a: 1, b: 2, c: 3, d: 4 }

let obj1 = { a: 1, b: 2 };
let obj2 = { c: 3, d: 4 };
let combinedObj = { ...obj1, ...obj2 };

console.log(combinedObj); // { a: 1, b: 2, c: 3, d: 4 }

۴- کپی‌کردن و تغییر ویژگی‌های شیء

می‌توانید از اسپرد اپراتور برای کپی کردن یک شیء و تغییر برخی از ویژگی‌های آن استفاده کنید.

let obj = { a: 1, b: 2, c: 3 };
let updatedObj = { ...obj, b: 99 };

console.log(updatedObj); // { a: 1, b: 99, c: 3 }

let obj = { a: 1, b: 2, c: 3 };
let updatedObj = { ...obj, b: 99 };

console.log(updatedObj); // { a: 1, b: 99, c: 3 }

۵- استفاده در توابع

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

function add(x, y, z) {
    return x + y + z;
}

let numbers = [1, 2, 3];
console.log(add(...numbers)); // 6

function add(x, y, z) {
    return x + y + z;
}

let numbers = [1, 2, 3];
console.log(add(...numbers)); // 6

اسپرد اپراتور راهی آسان و منعطف برای کپی کردن، ترکیب و گسترش داده‌ها در آرایه‌ها و اشیاء ارائه می‌دهد. این اپراتور به شما کمک می‌کند تا کدهای خواناتر و کاراتر بنویسید.

منبع : Microsoft Copilot

متن سوال :

• لطفا در رابطه با spread operator برام بیشتر توضیح بده . بارها در کدها دیده بودمش ولی کارکرد و مفهومش رو درک نکردم .