How can I merge multiple arrays into a single object?

See more:

Javascript

ECMAScript

ES6

ES7

ES5

I have an object that has multiple arrays that looks something like this.

let obj = { 
	links: ["https://somelink.com/image.jpg", "https://somelink.com/image2.jpg"],
	IDs: ["yCmj", "4q1K"],
}

I want to make it so that it's turned into an array of objects. Like the following.

let newObj = {
   templates: [
      {id:"yCmj", link: "https://somelink.com/image.jpg"}, 
      {id:"4q1K", link: "https://somelink.com/image2.jpg"}
   ] 
}

What I have tried:

I tried mapping the object values to a new array but the second map overwrites the whole array.

let templates = obj.templateIDs.map((id) => ({id}))
templates = obj.thumbnailLinks.map((thumbnailLink) => ({thumbnailLink}))

let newObj = templates