How to combine different JSON files in javascript

See more:

Javascript

I'm building an image search app using Pexels, Flickr, Pixabay and Unsplash API's and I want to display the results of all searches. However each search result from each API returns different JSON files with different keys. How do I combine/format them in to a single JSON file in order to display all the search results on my page?

What I have tried:

Unsplash.js code eg:

function search(searchTerm) {
const url = `${API_URL}&query=${searchTerm}`;
loadingImage.style.display = '';
imageSection.innerHTML = '';
return fetch(url)
.then(response => response.json())
.then(result => {
return result.results;
});
}

function displayImages(images) {
images.forEach(image => {
const imageElement = document.createElement('img');
imageElement.src = image.urls.regular;
imageSection.appendChild(imageElement);
});
loadingImage.style.display = 'none';
}


Flickr.js eg:

function search(searchTerm) {
const url = `${API_URL}&tags=${searchTerm}&per_page=500&license=7,8,9&format=json&nojsoncallback=1`;
loadingImage.style.display = '';
imageSection.innerHTML = '';
return fetch(url)
.then(response => response.json())
.then(result => {
return (result.photos.photo);
});
}

function displayImages(images) {
images.forEach(photo => {
const imageElement = document.createElement('img');
imageElement.src = "http://farm" + photo.farm + ".static.flickr.com/" + photo.server + "/" + photo.id + "_" + photo.secret + "_" + "z.jpg";
imageSection.appendChild(imageElement);
});
loadingImage.style.display = 'none';
}