Modify array of objects in JavaScript by setting the key value to one of the object's attributes

user_757369 0
Viewed 436

I have an array like this:

[
  {
    0 : {
      id: 'somevalue',
      name: 'John Doe',
      age: '20'
    }
  }
  ...
]

I would like to modify the array, for example to set the key to the id attribute like this:

[
  {
    somevalue : {
      name: 'John Doe',
      age: '20'
    }
  }
]

What would be the best way to achieve this. Thanks for your time.

arrays javascript
5 Answers

You could destructure the object and take the wanted key out of the object. Then return new object with wanted value.

var array = [{ 0 : { id: 'somevalue', name: 'John Doe', age: '20' } }],
    key = 'id',
    result = array.map(({ 0: { [key]: k, ...o } }) => ({ [k]: o }));

console.log(result);

user_14476750

Assuming there is only one nested object, you can use the function map as follow:

let arr = [
  {
    0 : {
      id: 'somevalue',
      name: 'John Doe',
      age: '20'
    }
  }
];

let result = arr.map(o => {
  let [{id, ...rest}] = Object.values(o);
  return {[id]: rest};
});

console.log(result);

user_17151210

I guess you have just more then 1 Object. You can try it like this.

let data = [
  {
    0 : {
      id: 'somevalue',
      name: 'John Doe',
      age: '20'
    }
  }
]


let result = data.map((el, index) => {
   let id = el[index].id;
   delete el[index].id;
   return { [id]: {...el[index]}}
})

console.log(result);

user_109907370

You can try this if the key is always '0' in the given object

const arr = [
  {
    0 : {
      id: 'somevalue',
      name: 'John Doe',
      age: '20'
    }
  }
]

arr.map(item => {
    const value = {...item[0]};
    const key = value.id;
    delete value.id;
    return {
        [key]: value
    }
})
user_67958040

You can use map and reduce functions to achieve the desired output.

This solution will work even if you have more than one nested objects and if you have more properties in your nested objects, i.e. properties other than name and age

const arr = [
  {
    0: { id: "somevalue", name: "John Doe", age: "20" },
    1: { id: "somevalue 2", name: "John Doe", age: "20", gender: 'male' }
  },
  {
    0: { id: "somevalue 3", name: "John Doe", age: "20" },
    1: { id: "somevalue 4", name: "John Doe", age: "20", gender: 'male' },
    2: { id: "somevalue 5", name: "John Doe", age: "20" }
  }
];

const res = arr.map((obj) => {
  const v = Object.values(obj);

  return v.reduce((acc, curr) => {
    const {id, ...restProps } = curr;
    acc[curr.id] = restProps;
    
    return acc; 
  }, {});
});

console.log(res);
.as-console-wrapper { max-height: 100% !important; top: 0; }

user_60943480
Related