Using Lodash to create a fresh array by utilizing the values that already exist in another array

Question

Using Lodash to create a fresh array by utilizing the values that already exist in another array

Here is an example of an array:

[{
        "first_name": "Anna",
        "last_name": "William",
        "class": "math",
        "year": "1990"
    },
    {
        "first_name": "Tom",
        "last_name": "Cruise",
        "class": "biology",
        "year": "1991"
    }
]

I want to convert it into a new array as shown below:

[{
        "name": "Anna William",
        "class": "math"
    },
    {
        "name": "Tom Cruise",
        "class": "biology"
    }
]

I could use a loop to achieve this, but it would be lengthy and not very elegant. I am looking for suggestions on how to transform the array using Lodash functions for shorter and more readable code. Any advice would be appreciated!

javascript arrays lodash

Answer 1

Answer №1

To transform an array and extract specific values, you can utilize the .map method

let data = [{"first_name": "Anna","last_name": "William","class": "math","year": "1990"},{"first_name": "Tom","last_name": "Cruise","class": "biology","year": "1991"}]

let result = data.map(item => ({name: `${item.first_name} ${ item.last_name}`, subject:item.class }))

console.log(result)

Answer 2

To transform an array and extract specific values, you can utilize the .map method

let data = [{"first_name": "Anna","last_name": "William","class": "math","year": "1990"},{"first_name": "Tom","last_name": "Cruise","class": "biology","year": "1991"}]

let result = data.map(item => ({name: `${item.first_name} ${ item.last_name}`, subject:item.class }))

console.log(result)

Using Lodash to create a fresh array by utilizing the values that already exist in another array

Answer №1

Similar questions

Angular.js repeatedly requesting data without ever successfully loading it

Encountering difficulties in constructing next.js version 14.1.0

Navigate the JSON object at predetermined intervals, such as in the case of movie subtitles

Menu secured in place within the wrapper

Creating a customized tooltip without the need for calling $(document).foundation() and using modernizr

An error in the floating point has occurred while attempting to generate prime numbers

Oops! We couldn't locate or access the file you're trying to import: ~bootstrap/scss/bootstrap

What methods can I employ JSON to create a dynamic Sidebar within Nextjs?

Files with extensions containing wildcards will trigger a 404 error when accessed from the public folder in NextJS

Unable to retrieve a value after deactivating a Div element

Can you create reusable components in Wordpress that are encapsulated?

Progress Bar Has Wandered Off Track

Display a loader while waiting for an API call to complete within 5 seconds using Angular and RxJS operators. If the API call takes longer

Streamlining Complex Javascript IF Statements

What is the best way to modify a newly added element using jQuery?

What might be causing my AJAX success callback function to not function as anticipated?

Pinia has not been instantiated yet due to an incorrect sequence of JavaScript file execution within Vue.js

Is there a vulnerability in .NET when converting strings to byte arrays?

Why is my output getting mixed up with the header on the navigation bar page?

A guide on arranging map entries based on their values