JavaScript Spread Operator

The JavaScript spread operator is a new addition to the language that allows developers to expand arrays and objects into individual elements. This makes it easier to work with arrays and objects in a more concise and readable way.

Using the Spread Operator with Arrays

When working with arrays, the spread operator is denoted by three dots (…) followed by the array name. For example:

  
  const array1 = [1, 2, 3];
  const array2 = [...array1, 4, 5, 6];
  
  console.log(array2); // Output: [1, 2, 3, 4, 5, 6]
  
  

In the above example, we used the spread operator to combine two arrays. The elements of array1 were expanded into individual elements that were then added to array2.

Using the Spread Operator with Objects

The spread operator can also be used with objects to merge them into a new object. Here’s an example:

  
  const obj1 = {name: 'John', age: 30};
  const obj2 = {...obj1, city: 'New York'};
  
  console.log(obj2); // Output: {name: 'John', age: 30, city: 'New York'}
  
  

In this case, obj1 was expanded into individual key-value pairs, which were then added to obj2 along with a new key-value pair (city: ‘New York’).

The spread operator is a powerful tool in JavaScript that makes working with arrays and objects easier and more efficient. It’s a great addition to the language and can be used in many different scenarios.