How to pass an array as a function parameter in JavaScript using the spread syntax

A guide on how to use the spread syntax (`...`) to pass an array as a parameter to a function in JavaScript. The article will show how to pass array elements as individual function arguments.

The spread syntax (...) in JavaScript allows you to pass an array as parameters to a function without passing the array as a single object. Instead, it "spreads" the elements of the array, enabling the function to receive each element as a separate argument.

JavaScript Code

// Define a function that takes three parameters
function sum(a, b, c) {
    return a + b + c;
}

// Declare an array with three elements
const numbers = [1, 2, 3];

// Pass the array to the function using the spread syntax
const result = sum(...numbers);

console.log(result); // Output: 6

Detailed explanation:

1. function sum(a, b, c): Defines a function sum that accepts three parameters a, b, and c.
2. const numbers = [1, 2, 3];: Creates an array numbers with three elements.
3. sum(...numbers);: Uses the spread syntax (...numbers) to pass the elements of the numbers array to the sum function as individual arguments.
4. console.log(result);: Outputs the result of the sum function to the console, which is 6.

Tips:

• The spread syntax is useful when you want to pass an array without dealing with array handling inside the function. It can also be used with large arrays efficiently.

---