Passing Arguments Dynamically

4.1 Expanding Arrays into Function Parameters

Explanation
The spread operator allows array elements to be passed as individual arguments to a function. Each element is expanded in order and mapped to the function’s parameters. This removes the need to manually access array indices. It improves readability when dealing with dynamic argument lists. The original array remains unchanged during the function call.

Code / Tabular Examples

function sum(a, b, c) {

return a + b + c;

}const values = [10, 20, 30];

const result = sum(...values);

Example
Functions often expect separate parameters.
Data is frequently available as an array.
Spread bridges this mismatch cleanly.
It avoids repetitive parameter mapping code.
The function call remains concise and clear.

Use Cases

• Passing dynamic input to functions
  
• Mathematical and utility operations
  
• Working with API argument lists
  
• Improving function call readability
  

4.2 Spread Operator vs Rest Parameters

Difference in Purpose and Usage

Explanation
Spread and rest use the same syntax but serve opposite roles. Spread expands values when calling a function or creating literals. Rest collects multiple values into a single array in function definitions. Spread is used at the call site, while rest is used in parameters. Understanding the distinction prevents incorrect usage.

Code / Tabular Examples

// Rest parameter

function total(...nums) {

return nums.reduce((a, b) => a + b, 0);

const numbers = [1, 2, 3];

total(...numbers);

Example
Spread sends multiple values into a function.
Rest gathers multiple arguments inside a function.
Mixing them up leads to logic errors.
Used correctly, they complement each other well.
Together, they enable flexible function design.

Use Cases

• Handling variable-length arguments
• Designing reusable utility functions
• Writing clean function signatures
• Avoiding argument-handling bugs