Tips on extracting values from an array of object properties using lodash

Question

Tips on extracting values from an array of object properties using lodash

I am working with the following object:

 { Id: '11ea9563-1a4c-c21b-904f-00ff98e8d5ab',
  Email: 'Email',
  Password:
   { type: 'Buffer',
     data:
      [ Buffer value] },
  roles: [ { Name: 'Developer', userroles: [Object] } ],
  Events:
   [ { Id: '11ea9556-c025-39ae-904f-00ff98e8d5ab'} ] }

My goal is to extract the Id, roles.Name, and Events.Id using lodash:

_.pick(obj, ['Id', 'roles.Name', 'Events.Id']),

However, I am only able to retrieve the Id with the above method.

Can someone guide me on how to achieve this with lodash?

javascript arrays lodash

Answer 1

Answer №1

const result = {
   identifier: data.Id,
   userRoles: _.map(data.roles, 'Name'),
   eventIds: _.map(data.Events, 'Id')
};

const data = { 
  Id: '11ea9563-1a4c-c21b-904f-00ff98e8d5ab',
  Email: 'Email',
  Password: {
    type: 'Buffer'
  },
  roles: [ { Name: 'Developer', userroles: [Object] } ],
  Events:
   [ { Id: '11ea9556-c025-39ae-904f-00ff98e8d5ab'} ]
}

result = {
   identifier: data.Id,
   userRoles: _.map(data.roles, 'Name'),
   eventIds: _.map(data.Events, 'Id')
};


console.log(result);

<script src="https://cdn.jsdelivr.net/npm/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="5935363d382a31196d77686e77686c">[email protected]</a>/lodash.min.js"></script>

Answer 2

const result = {
   identifier: data.Id,
   userRoles: _.map(data.roles, 'Name'),
   eventIds: _.map(data.Events, 'Id')
};

const data = { 
  Id: '11ea9563-1a4c-c21b-904f-00ff98e8d5ab',
  Email: 'Email',
  Password: {
    type: 'Buffer'
  },
  roles: [ { Name: 'Developer', userroles: [Object] } ],
  Events:
   [ { Id: '11ea9556-c025-39ae-904f-00ff98e8d5ab'} ]
}

result = {
   identifier: data.Id,
   userRoles: _.map(data.roles, 'Name'),
   eventIds: _.map(data.Events, 'Id')
};


console.log(result);

<script src="https://cdn.jsdelivr.net/npm/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="5935363d382a31196d77686e77686c">[email protected]</a>/lodash.min.js"></script>

Answer 3

Answer №2

After reviewing information on deep picking from a source here, it appears that using _.pick alone is not sufficient for deep picking tasks. The recommended approach involves utilizing a combination of _.get and _.map

var _ = require("lodash")

const data = {
  Id: '11ea9563-1a4c-c21b-904f-00ff98e8d5ab',
  Email: 'Email',
  Password: { type: 'Buffer' },
  roles: [
    { Name: 'Developer', userroles: [Object] }
  ],
  Events: [ { Id: '11ea9556-c025-39ae-904f-00ff98e8d5ab' } ]
}

var result = {
  Id: data.Id,
  Email: data.Email,
  'roles.Name': _.map(data.roles, 'Name'), /* Returns expected array of object values */
  'roles.Name': _.map(data.roles, o => _.pick(o, ['Name'])), /* Returns expected array of object */
  'Events.Id': _.map(data.Events, 'Id'),
};


console.log(result)

Answer 4

After reviewing information on deep picking from a source here, it appears that using _.pick alone is not sufficient for deep picking tasks. The recommended approach involves utilizing a combination of _.get and _.map

var _ = require("lodash")

const data = {
  Id: '11ea9563-1a4c-c21b-904f-00ff98e8d5ab',
  Email: 'Email',
  Password: { type: 'Buffer' },
  roles: [
    { Name: 'Developer', userroles: [Object] }
  ],
  Events: [ { Id: '11ea9556-c025-39ae-904f-00ff98e8d5ab' } ]
}

var result = {
  Id: data.Id,
  Email: data.Email,
  'roles.Name': _.map(data.roles, 'Name'), /* Returns expected array of object values */
  'roles.Name': _.map(data.roles, o => _.pick(o, ['Name'])), /* Returns expected array of object */
  'Events.Id': _.map(data.Events, 'Id'),
};


console.log(result)

Answer 5

Answer №3

Uncertain if this approach is optimal, but here is what I have accomplished so far:

Credit goes to @marco-a

After reviewing this solution, I devised the following function:

const deepPick = (paths, obj) => _.fromPairs(paths.map(p => [_.last(p.split('.')), _.get(obj, p)]));

Here is my current solution:

  const data = _.pick(obj, ['Id', 'roles', 'events']);

  const userRoles = data.roles.map(role=> deepPick(['Name'], role));

  const eventIds = data.events.map(eventId=> deepPick(['Id'], eventId));

The resulting output is:

{
    "id": "11ea9563-1a4c-c21b-904f-00ff98e8d5ab",
    "roles": [
      {
        "Name": "Developer"
      },
      {
        "Name": "Admin"
      }
    ],
    "events": [
      {
        "Id": "11ea9556-c025-39ae-904f-00ff98e8d5ab"
      }
    ]
  },
}

Answer 6

Uncertain if this approach is optimal, but here is what I have accomplished so far:

Credit goes to @marco-a

After reviewing this solution, I devised the following function:

const deepPick = (paths, obj) => _.fromPairs(paths.map(p => [_.last(p.split('.')), _.get(obj, p)]));

Here is my current solution:

  const data = _.pick(obj, ['Id', 'roles', 'events']);

  const userRoles = data.roles.map(role=> deepPick(['Name'], role));

  const eventIds = data.events.map(eventId=> deepPick(['Id'], eventId));

The resulting output is:

{
    "id": "11ea9563-1a4c-c21b-904f-00ff98e8d5ab",
    "roles": [
      {
        "Name": "Developer"
      },
      {
        "Name": "Admin"
      }
    ],
    "events": [
      {
        "Id": "11ea9556-c025-39ae-904f-00ff98e8d5ab"
      }
    ]
  },
}

Tips on extracting values from an array of object properties using lodash

Answer №1

Answer №2

Answer №3

Similar questions

Determining the maximum number within an array using JavaScript

Multi-line input in ExtJs

Issues encountered with the functionality of face-api and tensorflow.js within the browser

AngularJS dropdown with multiple selections within a Bootstrap modal

Implementing AJAX notifications in a contact form integrated with PHP, Google reCAPTCHA, and SweetAlert

Unable to get jQuery date picker to function on dynamically generated input fields through ajax

Issue encountered when attempting to connect an external script to a Vue single file component

Is there a method to implement colorPicker in an Angular WYSIWYG directive without utilizing jQuery?

Regular expressions tend to capture an extra symbol beyond what is required

The issue that arises is that only the initial button is able to successfully trigger the opening of

Service running in the background in React Native

Processing JSON Serialization from Controller to AJAX Response

Adding class name to alternate posts in Next.js

Having an issue where my meshes disappear when using the Unreal Bloom render pass in ThreeJS. Any ideas on what might be causing

Increasing a value in Mongo DB with a conditional statement in a Meteor application

Sending radio button value via AJAX request

What is the best way to restrict user input to specific numbers only?

When trying to make edits, the cursor automatically jumps to the end of the field

The search functionality in the bootstrap-select component is failing when the data token includes only numerical values, such as "4730"

The issue with calling Ajax on button click inside a div container is that the jQuery dialog box is