How to merge two Objects or Arrays in JavaScript

#javascript

So for a while now I've know the spread operator in JavaScript. I have been using it for while now but I never knew it worked for objects too.

Merging two Arrays

let a = [1, 2, 3, 4, 5];
let b = [6, 7, 8, 9, 10];
let c = [...a, ...b];
console.log(c);
// output: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

Merging two Objects

let a = {
  name: 'Han'
};
let b = {
  age: 98
};
let c = {...a, ...b};
console.log(c);
// output: {name: 'Han', age: 98}

I hope you also know now. Thanks for reading!

Top comments (2)

Vladimír Gál • Jun 18 '20 • Edited

It is pretty useful in deconstructing too.

const a = {
   name: 'Maria',
   sureName: 'Smith',
   age: 22
}
const {name, ...rest} = a

console.log(name)
// output: 'Maria'

console.log(rest)
//output: {sureName: 'Smith', age: 22}

Farhan Yahya • Jun 19 '20

Wow, thanks a lot

DEV Community

How to merge two Objects or Arrays in JavaScript

Merging two Arrays

Merging two Objects

Top comments (2)

Read next

JavaScript Essentials: Part 7

Deploying a React Watchlist Tracker App to Production Using DeployHQ

URL-Shortener-APIs

Creating an Interactive Color Picker with Svelte 5