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

Como funcionam Bindings de Fluxo de Controle no KnockoutJs

🌀 State Management in React: Comparing Redux Toolkit vs. Zustand 📊

Langgraph Human In The Loop with socket

Using SCP with ssh2 in Node.js Applications without SFTP