Attempting to merge the data from two separate API responses into a single array of objects

Question

Attempting to merge the data from two separate API responses into a single array of objects

I have a current project in which I'm dealing with an object that has three separate arrays of objects.

Here's a glimpse of the structure...

[
   Array 1:[
    { key: value}
   ],
   Array 2:[
    { key: value},
    { key: value}
   ],
   Array 2:[
    { key: value},
    { key: value}
   ]
]

My goal is to combine all these objects into a single array instead of keeping them in separate arrays.

I attempted to achieve this by using angular.forEach to loop through and push the objects into a new array, but I've encountered some issues.

var newArray = [];

angular.forEach(result, function(value, key){
   newArray.push(value);
});

return newArray;

Your insights on how to approach this would be greatly appreciated!

Thank you!

javascript angularjs arrays

Answer 1

Answer №1

One way to achieve this is by using the concat() function along with spread syntax.

let nestedArrays = [[{ name: 'John' }],[{ name: 'Jane' },{ name: 'Doe' }],[{ name: 'Alice' },{ name: 'Bob' }]]

let flatArray = [].concat(...nestedArrays);
console.log(flatArray)

Answer 2

One way to achieve this is by using the concat() function along with spread syntax.

let nestedArrays = [[{ name: 'John' }],[{ name: 'Jane' },{ name: 'Doe' }],[{ name: 'Alice' },{ name: 'Bob' }]]

let flatArray = [].concat(...nestedArrays);
console.log(flatArray)

Answer 3

Answer №2

To achieve this, you can utilize the reduce method in JavaScript, which takes a callback function as a parameter.

var exampleArray = [[{ key: 'value'}],[{ key: 'value'},{ key: 'value'}],[{ key: 'value'},{ key: 'value'}]];

var concatenatedArray = exampleArray.reduce(function(result, current){
    result.push(...current);
    return result;
}, []);
console.log(concatenatedArray)

Answer 4

To achieve this, you can utilize the reduce method in JavaScript, which takes a callback function as a parameter.

var exampleArray = [[{ key: 'value'}],[{ key: 'value'},{ key: 'value'}],[{ key: 'value'},{ key: 'value'}]];

var concatenatedArray = exampleArray.reduce(function(result, current){
    result.push(...current);
    return result;
}, []);
console.log(concatenatedArray)

Attempting to merge the data from two separate API responses into a single array of objects

Answer №1

Answer №2

Similar questions

Can you explain the significance behind the error message " 'numpy.ndarray' object is not callable"?

What is the best way to retrieve the offsetHeight of a Component Element using Vue.js?

Struggling to get the findAndModify or Update functions to work properly in MongoDB. Despite fetching the desired data from my ajax call, I am unable to make any changes in the database

$scope variables, ng-hide/show directive

The third column sort click in KendoUI Grid causes the data.sort array in the DataSource parametermap to become undefined

The Bootstrap modal is not properly clearing all attribute properties when it is hidden

In search of a resolution for the error message "multipart: NextPart: bufio: buffer full" while attempting to upload an image via a fetch post request. Can anyone provide guidance

Looping through an array of nested objects using Vue

What is the process for creating a progress bar in PixiJS?

Developing JSON with the use of jQuery

The functionality of cloning in jQuery may encounter an issue where the text field remains enabled if the user selects an option labeled "other

Retrieve the data stored in a JSON object

Issue with updating JSON data

Issue encountered in Angular 2 Heroes Tour, Step 7

What is the most efficient way to switch perspectives?

Leveraging React Native's Async Storage to store and retrieve values consistently within the Render method

Error in Redux app: Attempting to access the 'filter' property of an undefined value

Node.js equivalent of PHP's SimpleXMLParser

jQuery form validation issue, unresponsive behavior

Using Jquery to add a list after parsing JSON data stored in localStorage