Hot to flatten nested array of objects using lodash?

Question

I have a json object that I need to convert in javascript using lodash:

{
    "BidNumber": 2,
    "BidResult": 1,
    "BidAmount": "6756",
    "BidData": [
        {
            "name": "JonSnow",
            "Data": "Standard data for Jon Snow"
        },
        {
            "LineNum": "HarryPotter",
            "Data": "Standard data for Jon Snow"
        },
        {
            "LineNum": "MickyMouse",
            "Data": "Standard data for Micky Mouse"
        }
    ],
    "BidReference": "22e06e66-e711-bd14-7874a-002219649f24"
}

I want to convert that to:

{
    "bidNumber": 2,
    "bidResult": 1,
    "bidAmount": "6756",
    "bidData": {
        "jonSnow": "Standard data for Jon Snow",
        "harryPotter": "Standard data for Jon Snow",
        "mickyMouse": "Standard data for Micky Mouse"
    },
    "bidReference": "22e06e66-e711-bd14-7874a-002219649f24"
}

Can't figure it out the way I can do it in lodash (including camelCase part)

Does it have to be with lodash? This is trivial in vanilla Javascript — Reinstate Monica Cellio
– Reinstate Monica Cellio, Commented Feb 13, 2018 at 15:44
Yes, sorry it should be "Standard data for Harry Potter". Good spot, thanks. — Quang
– Quang, Commented Feb 13, 2018 at 15:50

void · Accepted Answer · 2018-02-13 15:56:27Z

2

Can be easily done with JS..

data.BidData = Object.assign({}, ...data.BidData.map(el => { 
  return { [(el.name ? el.name : el.LineNum)]: el.Data } 
}));

You dont need to use loadash unless you want to use _.extend

var data = {
    "BidNumber": 2,
    "BidResult": 1,
    "BidAmount": "6756",
    "BidData": [
        {
            "name": "JonSnow",
            "Data": "Standard data for Jon Snow"
        },
        {
            "LineNum": "HarryPotter",
            "Data": "Standard data for Jon Snow"
        },
        {
            "LineNum": "MickyMouse",
            "Data": "Standard data for Micky Mouse"
        }
    ],
    "BidReference": "22e06e66-e711-bd14-7874a-002219649f24"
};

data.BidData = Object.assign({}, ...data.BidData.map(el => { 
  return { [jslcfirst(el.name ? el.name : el.LineNum)]: el.Data } 
}));

console.log(data);

function jslcfirst(string) 
{
    return string.charAt(0).toLowerCase() + string.slice(1);
}

edited Feb 13, 2018 at 15:56

answered Feb 13, 2018 at 15:49

void

36.7k10 gold badges71 silver badges111 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

void Over a year ago

@Archer looks fine now!

Quang Over a year ago

That looks really great! Is it possible to lowercase that part within the map() function?

Reinstate Monica Cellio Over a year ago

You don't need the function any more, since the field name is always the same.

Quang Over a year ago

Quick update, we have camelCase only for BidData... how to do it with all keys in that object?

void Over a year ago

@Quang jslcfirst this function lowercases the first character keeping all the other characters same. So ideally it solves that. Also as it answers your question please mark the answer correct!

|

Sudheendra chari · Accepted Answer · 2018-02-13 16:14:11Z

0

Using Lodash:

obj.BidData = _.reduce(obj.BidData, function(flatObj, item) {
    flatObj[_.camelCase(item.name || item.LineNum)] = item.Data;
    return flatObj;
},{});

But you would not necessarily need lodash(underscore), using vanilla JS this is easily achievable

function convertToCamelCase(string) {
    return string.charAt(0).toLowerCase() + string.slice(1);
}

obj.BidData = obj.BidData.reduce(function(flatObj, item) {
    flatObj[convertToCamelCase(item.name || item.LineNum)] = item.Data;
    return flatObj;
},{})

answered Feb 13, 2018 at 16:14

Sudheendra chari

12 bronze badges

3 Comments

Quang Over a year ago

That is truly awesome! Thank you.

Quang Over a year ago

actually I'm getting [ts] error: Property 'LineNum' does not exists on type {}...#

Sudheendra chari Over a year ago

Which means one of your items on BidData array isn't having either of 'name' or 'LineNum' field

Collectives™ on Stack Overflow

Hot to flatten nested array of objects using lodash?

2 Answers 2

6 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related