change value of an array of nested objects to a string

Question

this is the array that i currently have

const myArr = [
    {
      "code": {
        "value": "AC16",
        "description": "text"
      },
      "convictionDate": {
        "value": "2019-03-07"
      }
    },
    {
      "code": {
        "value": "AC20",
        "description": "text"
      },
      "convictionDate": {
        "value": "2019-03-06"
      }
    }
  ];

I want to map over each nested object inside the array so that the value of each nested object is the value property of that object as a string. so the object would become:

const myArr = [
    {
      "code": "AC16",
      "convictionDate":"2019-03-07"
    },
    {
      "code":"AC20",
      "convictionDate": "2019-03-06"
    }
  ]

Ive tried this with no success:

const x = myArr.map((item)=>{
        console.log(item)
        Object.keys(item).map(function(key,i) {
            item[key] = item[key][value];
        })
    })

brk · Accepted Answer · 2019-03-08 15:34:58Z

1

You are almost there. Just use array map

const myArr = [{
    "code": {
      "value": "AC16",
      "description": "text"
    },
    "convictionDate": {
      "value": "2019-03-07"
    }
  },
  {
    "code": {
      "value": "AC20",
      "description": "text"
    },
    "convictionDate": {
      "value": "2019-03-06"
    }
  }
];

let newArray = myArr.map(function(item) {
  return {
    code: item.code.value,
    convictionDate: item.convictionDate.value

  }

});
console.log(newArray)

answered Mar 8, 2019 at 15:34

brk

50.3k10 gold badges59 silver badges85 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ori Drori · Accepted Answer · 2019-03-08 15:32:48Z

1

Map the array, and reduce the entries to the required object form:

const myArr = [{"code":{"value":"AC16","description":"text"},"convictionDate":{"value":"2019-03-07"}},{"code":{"value":"AC20","description":"text"},"convictionDate":{"value":"2019-03-06"}}];
  
const result = myArr.map(o =>
  Object.entries(o).reduce((r, [k, { value }]) => ({ ...r, [k]: value }), {})
);

console.log(result);

answered Mar 8, 2019 at 15:32

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

Comments

Aragorn · Accepted Answer · 2019-03-08 15:33:04Z

1

const myArr = [
    {
      "code": {
        "value": "AC16",
        "description": "text"
      },
      "convictionDate": {
        "value": "2019-03-07"
      }
    },
    {
      "code": {
        "value": "AC20",
        "description": "text"
      },
      "convictionDate": {
        "value": "2019-03-06"
      }
    }
  ];
  
let newArray = myArr.map(e => {
  return { "code":e.code.value, "convictionDate": e.convictionDate.value}
})

console.log(newArray);

answered Mar 8, 2019 at 15:33

Aragorn

5,3295 gold badges28 silver badges40 bronze badges

Comments

YenHub · Accepted Answer · 2019-03-08 21:44:15Z

It goes without saying there is some awesome reference material over at W3 Schools, the provide good detail on this in their article here

That said...

Why not simplify the code a little and try this against your array:-

const myArr = [
    {
      "code": {
        "value": "AC16",
        "description": "text"
      },
      "convictionDate": {
        "value": "2019-03-07"
      }
    },
    {
      "code": {
        "value": "AC20",
        "description": "text"
      },
      "convictionDate": {
        "value": "2019-03-06"
      }
    }
  ];

// PROPOSED SOLUTION CODE
const x = myArr.map((item)=>{
        return {code: item.code.value,convictionDate: item.convictionDate.value}
    });

// Your Desired Example Provided in Question
const xArr = [
    {
      "code": "AC16",
      "convictionDate":"2019-03-07"
    },
    {
      "code":"AC20",
      "convictionDate": "2019-03-06"
    }
  ];

// Output Validation
console.log('Response of Array \'x\'');
console.log(x);
console.log('Your Desired Example');
console.log(xArr);

When using 'map'; we must map the source array ('myArr') to our new target array ('x').

In the context of the example code you have provided, 'data.convictions' is undefined.

The magic is all here:-

const x = myArr.map((item)=>{
        return {code: item.code.value,convictionDate: item.convictionDate.value}
    });

Happy coding!

Collectives™ on Stack Overflow

change value of an array of nested objects to a string

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related