What Is the Spread Operator in JavaScript?

What Is the Spread Operator in JavaScript?

The spread operator (...) is a JavaScript feature that allows iterable values or object properties to be expanded into individual elements.

It is widely used in modern JavaScript because it makes code cleaner and easier to read.

Spread Operator With Arrays

The spread operator can copy or merge arrays.

Example:

const arr1 = [1, 2, 3];
const arr2 = [...arr1];

console.log(arr2);

This creates a shallow copy of the array.

Merging Arrays

Example:

const frontend = ["HTML", "CSS"];
const backend = ["Node.js"];

const skills = [...frontend, ...backend];

The arrays are combined into a new array.

Spread Operator With Objects

The spread operator can also copy object properties.

Example:

const user = {
  name: "John",
  age: 25
};

const updatedUser = {
  ...user,
  city: "Mumbai"
};

Function Arguments

The spread operator can pass array elements as individual arguments.

Example:

const numbers = [1, 2, 3];

console.log(Math.max(...numbers));

Why Is It Useful?

The spread operator helps developers:

• Write Cleaner Code
• Avoid Manual Loops
• Copy Arrays
• Copy Objects
• Merge Data Easily

The Bottom Line

The spread operator expands arrays, objects, or iterable values into individual elements, making JavaScript code more concise and readable.