Question 54640 in Javascript Question posted in
A very good W3school tutorial can be found here.

I am trying to create new object from an array of object. I tried using Lodash external library but it crashes the web app – Javascript

let apiResponse = [{
                   id: 134,
                   user_name: 'abc',
                   phone_number: 1234567890,
                   sno: 'AM'
                },
                {
                  id: 948,
                  user_name: 'def',
                  phone_number: 9823437483,
                  sno: 'AM'
                }, 
                { 
                  id: 865,
                  user_name: 'abc',
                  phone_number: 1234567890,
                  sno: 'PM'                
                },
                {
                  id: 659,
                  user_name: 'ghi',
                  phone_number: 9834763467,
                  sno:'PM'
                },
                {
                  id: 456,
                  user_name: 'ghi',
                  phone_number: 9834763467,
                  sno:'AM'
                },
                {
                  id: 659,
                  user_name: 'ghi',
                  phone_number: 9834763467,
                  sno:'PM'
                }]

Expected Output:
{
    "AM": {
            "134": {
                   id: 134,
                   user_name: 'abc',
                   phone_number: 1234567890,
                   sno: 'AM'
                 }
             "948":{
                  id: 948,
                  user_name: 'def',
                  phone_number: 9823437483,
                  sno: 'AM'
                 }
             "456":{
                  id: 456,
                  user_name: 'ghi',
                  phone_number: 9834763467,
                  sno:'AM'
                 }
            }
      "PM":{
            "865": {
                   id: 865,
                   user_name: 'abc',
                   phone_number: 1234567890,
                   sno: 'PM'
                 }
             "687":{
                  id: 687,
                  user_name: 'def',
                  phone_number: 9823437483,
                  sno: 'PM'
                 }
             "659":{
                  id: 659,
                  user_name: 'ghi',
                  phone_number: 9834763467,
                  sno:'PM'
                 }
           }
         }
}

I am trying to manipulate an array of object into an object. I tried to create expected output by using external library lodash but sometime it crashes the web app. Also tried some other way but didn’t get the expected output. Getting problem in creating the nested object. first object key value will be the sno and the key of nested object is id

Tags:

2

Answers


  1. 0

    Solution without using Lodash using Array.reduce():

    • First initializes an empty object ({}) as the accumulator (acc) for the reduce method.
    • For each object in the array (curr), it checks whether an object with the current sno value exists in the accumulator (acc[curr.sno]). If not, it creates an empty object for that sno value. Then, it adds the current object to that sno object using the id as the key.
    • Finally, it returns the updated accumulator object.

    The reduce method returns the final accumulator object as the output:

    let apiResponse = [{ id: 134, user_name: 'abc', phone_number: 1234567890, sno: 'AM' }, { id: 948, user_name: 'def', phone_number: 9823437483, sno: 'AM' }, { id: 865, user_name: 'abc', phone_number: 1234567890, sno: 'PM' }, { id: 659, user_name: 'ghi',
phone_number: 9834763467, sno:'PM' }, { id: 456, user_name: 'ghi', phone_number: 9834763467, sno:'AM' }, { id: 659, user_name: 'ghi', phone_number: 9834763467, sno:'PM' }];
let output = apiResponse.reduce((acc, curr) => {
  if (!acc[curr.sno]) {
    acc[curr.sno] = {};
  }
  acc[curr.sno][curr.id] = curr;
  return acc;
}, {});
console.log(output);
    Login or Signup to reply.
  2. 0

    You could group by the wanted properties with nested object.

    const
    data = [{ id: 134, user_name: 'abc', phone_number: 1234567890, sno: 'AM' }, { id: 948, user_name: 'def', phone_number: 9823437483, sno: 'AM' }, { id: 865, user_name: 'abc', phone_number: 1234567890, sno: 'PM' }, { id: 659, user_name: 'ghi', phone_number: 9834763467, sno:'PM' }, { id: 456, user_name: 'ghi', phone_number: 9834763467, sno:'AM' }, { id: 659, user_name: 'ghi', phone_number: 9834763467, sno:'PM' }],
    result = data.reduce((r, o) => {
        (r[o.sno] ??= {})[o.id] = o;
        return r;
    }, {});

console.log(result);
    .as-console-wrapper { max-height: 100% !important; top: 0; }
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search