Ի՞նչ նպատակով են օգտագործվում spread և rest օպերատորները JavaScript-ում։

spread (...) օպերատորը օգտագործվում է կրկնվող օբյեկտները (օրինակ՝ զանգվածներ կամ տողեր) ընդլայնելու համար այն վայրերում, որտեղ սպասվում է զրո կամ ավելի արգումենտ (ֆունկցիաներ կանչելիս) կամ տարրեր (զանգվածներ ստեղծելիս): Այն նաև կիրառվում է օբյեկտների հատկությունները միացնելու համար նոր օբյեկտում:

// Spread- ի օգտագործում ֆունկցիայի կանչում
const numbers = [1, 2, 3];
console.log(...numbers); // 1 2 3

// Զանգվածների միացման համար spread- ի օգտագործում
const arr1 = [1, 2];
const arr2 = [3, 4];
const combinedArr = [...arr1, ...arr2]; // [1, 2, 3, 4]

// Օբյեկտների միացման համար spread- ի օգտագործում
const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };
const combinedObj = { ...obj1, ...obj2 }; // { a: 1, b: 2, c: 3, d: 4 }

rest (...) օպերատորը օգտագործվում է ֆունկցիայի պարամետրերի սինտաքսիսում՝ մնացած բոլոր արգումենտները հավաքելու համար, որոնք հավաքվում են զանգվածի մեջ: Սա թույլ է տալիս ֆունկցիային ընդունել անորոշ քանակի արգումենտներ: Այն նաև կիրառվում է զանգվածների կամ օբյեկտների դեստրուկտուրացման ժամանակ՝ մնացած տարրերը կամ հատկությունները հավաքելու համար:

// Rest- ի օգտագործում ֆունկցիայի պարամետրերում
function sum(...args) {
  // args այժմ զանգված է [1, 2, 3]
  return args.reduce((total, current) => total + current, 0);
}
console.log(sum(1, 2, 3)); // 6

// Զանգվածի դեստրուկտուրացման ժամանակ rest- ի օգտագործում
const [first, second, ...restOfArray] = [1, 2, 3, 4, 5];
// first = 1, second = 2, restOfArray = [3, 4, 5]

// Օբյեկտի դեստրուկտուրացման ժամանակ rest- ի օգտագործում
const { a, b, ...restOfObject } = { a: 1, b: 2, c: 3, d: 4 };
// a = 1, b = 2, restOfObject = { c: 3, d: 4 }

Հիմնական տարբերությունը՝

• spread - ը "լայնացնում" է տարրերը կամ հատկությունները,
• rest - ը "հավաքում" է տարրերը կամ հատկությունները զանգվածի կամ օբյեկտի մեջ։