Use Javascript to generate an object with keys based on values from an array

Question

Use Javascript to generate an object with keys based on values from an array

In my project, I am working on a method that is responsible for returning a user object based on the provided id. The challenge here is that this method needs to be adaptable for future use cases and cannot simply rely on the current structure.

The database I am working with has a key called type, which allows me to filter out a collection of users. My task is to create an object where each user's _id serves as the key, while excluding the _id and type from the user object.

I aim to leverage tools like lodash or ES6 features to transform an Array like:

[
  {
    "_id": "0e12e661cb50068a135b36067f001d20",
    "name": "Joe Bloggs",
    "type": "user"
  },
  {
    "_id": "0e12e661cb50068a135b36067f00373f",
    "name": "Ben Bloggs",
    "type": "user"
  }
]

Into an Object structured as follows, omitting the _id and type:

{
  "0e12e661cb50068a135b36067f001d20": {
    "name": "Joe Bloggs"
  },
  "0e12e661cb50068a135b36067f00373f": {
    "name": "Ben Bloggs"
  }
}

UPDATE: It's crucial for me to return the entire object rather than just the name, as additional properties may be added to these objects in the future.

javascript arrays object lodash

Answer 1

Answer №1

If you want to achieve this, you can simply utilize the reduce() method.

var info = [{
  "_id": "0e12e661cb50068a135b36067f001d20",
  "name": "Joe Bloggs",
  "type": "user"
}, {
  "_id": "0e12e661cb50068a135b36067f00373f",
  "name": "Ben Bloggs",
  "type": "user"
}]

var result = info.reduce(function(r, e) {
  r[e._id] = {name: e.name};
  return r;
}, {})

console.log(result)

An ES6 version using an arrow function

var result = data.reduce((r, e) => (r[e._id] = {name: e.name}, r), {})

Update: If you only need to exclude specific properties from a new object, you can employ Object.assign() DEMO to duplicate the object and then use delete to eliminate certain properties. Alternatively, you can utilize a forEach() loop to add desired properties DEMO

Answer 2

If you want to achieve this, you can simply utilize the reduce() method.

var info = [{
  "_id": "0e12e661cb50068a135b36067f001d20",
  "name": "Joe Bloggs",
  "type": "user"
}, {
  "_id": "0e12e661cb50068a135b36067f00373f",
  "name": "Ben Bloggs",
  "type": "user"
}]

var result = info.reduce(function(r, e) {
  r[e._id] = {name: e.name};
  return r;
}, {})

console.log(result)

An ES6 version using an arrow function

var result = data.reduce((r, e) => (r[e._id] = {name: e.name}, r), {})

Update: If you only need to exclude specific properties from a new object, you can employ Object.assign() DEMO to duplicate the object and then use delete to eliminate certain properties. Alternatively, you can utilize a forEach() loop to add desired properties DEMO

Use Javascript to generate an object with keys based on values from an array

Answer №1

Similar questions

glitch discovered in the validation process of phone numbers

Express JS: Condition to pause execution for 50 seconds until receiving the firestore query response, otherwise proceed with the other process

A guide on extracting specific text from a div class

I am experiencing difficulty with Three.js rendering textures from my planet constructor function

How can you use JavaScript and regex to extract the word before a comma?

Ensuring that undefined is not present before making an API request is crucial in the componentWillMount lifecycle

Filter Vue.js dropdown by checking if a word is present in the array (partial match only)

Sharing the logger object in NodeJS projects: What's the best approach?

JS, Express: Encounter issues - unable to find view in directory despite following provided instructions

The type 'number[]' is lacking the properties 0, 1, 2, and 3 found in the type '[number, number, number, number]'

Issue with Mobile NavBar remaining visible after clicking on target element in HTML CSS

Using values from a designated line within the textarea to successfully submit a GET form

Get a specific value from a JSON object

Exporting routes in Node.js and Express - A step-by-step guide

Retrieve the parameter values in PHP that were passed from AngularJS

Ways to determine the existence of five consecutively increasing values in a vector

Avoid rendering the React component until the AJAX call has completed

Is it possible to use the column (PK) as an index in the resulting array when using 'mysqli_fetch_all'?

Toggle Form Section Visibility

Receiving HTML from NodeJs instead of JSON