Extract core object from array of objects with lodash or javascript

Question

Extract core object from array of objects with lodash or javascript

In my code, I have an array of objects that each contain a base object with a set of values.

My goal is to remove the base object from all the data and achieve the Expected result shown below.

Here is an example of the array:

[
     {
        "100": {
            "id": "100",
            "name": "Test name 1"
        },
        "101": {
            "id": "101",
            "name": "Test name 2"
        },
        "102": {
            "id": "102",
            "name": "Test name 3"
        }
     }
]

Expected Result

[        
        {
            "id": "100",
            "name": "Test name 1"
        },
        {
            "id": "101",
            "name": "Test name 2"
        },
        {
            "id": "102",
            "name": "Test name 3"
        }         
]

javascript lodash

Answer 1

Answer №1

You can utilize the Array.map() method for iteration, extract object values using Object.values(), and merge the results into a single array by utilizing the spread operator along with Array.concat():

const data = [{"100":{"id":"100","name":"Test name 1"},"101":{"id":"101","name":"Test name 2"},"102":{"id":"102","name":"Test name 3"}}];

const result = [].concat(...
  data.map(o => Object.values(o))
);

console.log(result);

For those using lodash, _.flatMap() in combination with _.values() can achieve similar functionality:

const data = [{"100":{"id":"100","name":"Test name 1"},"101":{"id":"101","name":"Test name 2"},"102":{"id":"102","name":"Test name 3"}}];

const result = _.flatMap(data, _.values);

console.log(result);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.min.js"></script>

Answer 2

You can utilize the Array.map() method for iteration, extract object values using Object.values(), and merge the results into a single array by utilizing the spread operator along with Array.concat():

const data = [{"100":{"id":"100","name":"Test name 1"},"101":{"id":"101","name":"Test name 2"},"102":{"id":"102","name":"Test name 3"}}];

const result = [].concat(...
  data.map(o => Object.values(o))
);

console.log(result);

For those using lodash, _.flatMap() in combination with _.values() can achieve similar functionality:

const data = [{"100":{"id":"100","name":"Test name 1"},"101":{"id":"101","name":"Test name 2"},"102":{"id":"102","name":"Test name 3"}}];

const result = _.flatMap(data, _.values);

console.log(result);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.min.js"></script>

Extract core object from array of objects with lodash or javascript

Answer №1

Similar questions

Best practices for using parent and child methods in Vue applications

Having trouble executing the .map function within the function

The function Router.use is looking for a middleware function, but instead received an object in node.js /

What is the best location for implementing role-based authentication in a MeanJS application?

Tips for utilizing the form.checkValidity() method in HTML:

What is the best way to save Vue state in a cookie while transitioning between form steps in a Laravel application

Step-by-step guide to installing gatsby-CLI on Windows without requiring admin permissions

The perpetual loop in React context triggered by a setState function within a useEffect block

Firmidable with Node.js

What are some methods to boost productivity during web scraping?

What is the best way to create a sliding animation on a div that makes it disappear?

There was an error with CreateListFromArrayLike as it was called on a non-object

Displayed in the xmlhttp.responseText are the tags

Load data from a file into a dropdown menu using node.js

What could be the reason for the GET method being executed after the DELETE method in ExpressJS?

Bring in items and then go through each one

Stop Ajax requests when there are blank spaces in Typeahead.js

What is the most optimal method for transforming this array of objects into a different format?

Fixing Typescript assignment error: "Error parsing module"

Exploring the functionality of arrays in Jest's cli option --testPathIgnorePatterns