How to change the value of the key form an object with the value of some another key of the same object?

Question

I have a json object like this:

    {
       "id":"cfab8e92-025a-4070-ba1f-5bb1a8b3c9b6",
       "custome-array":[
          {
             "date1":"12/10/2019",
             "date2":"12/09/2019",
             "id":"cfab8e92-025a-4070-ba1f-5bb1a8b3c9b6",
             "more_data":{
                "id":"59c12dbf1d41c818272198b3",
                "some_no":"9204506",
                "name":"blabla"
             }
          },
          {
             "date1":"12/10/2019",
             "date2":"12/09/2019",
             "id":"cfab8e92-025a-4070-ba1f-5bb1a8b3c9b6",
             "more_data":{
                "id":"59c12dbf1d41c818272198b3",
                "some_no":"9204506",
                "name":"blabla"
             }
          }


  ]
}

My "custome-array" is dynamic

I want to use the map function to modify this data format so that "more_data" will only store "name" rather than storing the complete object.

{
       "id":"cfab8e92-025a-4070-ba1f-5bb1a8b3c9b6",
       "custome-array":[
          {
             "date1":"12/10/2019",
             "date2":"12/09/2019",
             "id":"cfab8e92-025a-4070-ba1f-5bb1a8b3c9b6",
             "more_data":"blabla"

          },
          {
             "date1":"12/10/2019",
             "date2":"12/09/2019",
             "id":"cfab8e92-025a-4070-ba1f-5bb1a8b3c9b6",
             "more_data":"blabla"

          }
  ]
}

Please add the code you have tried. A simple `for` or `forEach` should solve this — adiga, Jun 24 '19 at 11:54
What have you tried so far? Any problems/errors with your approach? — Andreas, Jun 24 '19 at 11:54
Possible duplicate of [Loop through an array in JavaScript](https://stackoverflow.com/questions/3010840/loop-through-an-array-in-javascript) — adiga, Jun 24 '19 at 11:56

score 1 · Accepted Answer · answered Jun 24 '19 at 12:04

This works with simple forEach loop.You can mutate the original array,with forEach's callback.

let data = {
  "id": "cfab8e92-025a-4070-ba1f-5bb1a8b3c9b6",
  "custome-array": [{
      "date1": "12/10/2019",
      "date2": "12/09/2019",
      "id": "cfab8e92-025a-4070-ba1f-5bb1a8b3c9b6",
      "more_data": {
        "id": "59c12dbf1d41c818272198b3",
        "some_no": "9204506",
        "name": "blabla"
      }
    },
    {
      "date1": "12/10/2019",
      "date2": "12/09/2019",
      "id": "cfab8e92-025a-4070-ba1f-5bb1a8b3c9b6",
      "more_data": {
        "id": "59c12dbf1d41c818272198b3",
        "some_no": "9204506",
        "name": "blabla"
      }
    }


  ]
}

data["custome-array"].forEach(ele => {
  ele["more_data"] = ele["more_data"].name;
})
console.log(data)

Chantal · Answer 2 · 2019-06-24T13:01:37.660

0

You can indeed use map:

const newItems = originalObject["custome-array"].map((item) => {
    const newItem = item;
    newItem.more_data = item.more_data.name;
    return newItem;
});

const newObject = {
    ...originalObject,
    ["custome-array"]: newItems
};

console.log(newObject);// this will give you the output you want

I've added a codepen to demonstrate https://codepen.io/csteur/pen/vqZLNK

edited Jun 24 '19 at 13:01

answered Jun 24 '19 at 11:58

Chantal

959
2
12
24

There is no point in using `map` if you're mutating the original array – adiga Jun 24 '19 at 11:59
This is just to demonstrate map. – Chantal Jun 24 '19 at 12:01

score 0 · Answer 3 · answered Jun 24 '19 at 12:00

yourObject["custom-array"] = yourObject["custom-array"].map((item) => {
    return {
        ...item,
        ["more_data"]: item["more_data"]["name"],
    }
});

or

yourObject["custom-array"] = yourObject["custom-array"].map((item) => ({
        ...item,
        ["more_data"]: item["more_data"]["name"],
}));

score 0 · Answer 4 · answered Jun 24 '19 at 12:11

0

If you don't want to mutate the original data

const transformedData = {
  id: data.id,
  'custome-array': data['custome-array'].map(item => ({
    ...item,
    more_data: item.more_data.name,
  })),
};

answered Jun 24 '19 at 12:11

Asaf Aviv

11,279
1
28
45

How to change the value of the key form an object with the value of some another key of the same object?

4 Answers4