Set multiple properties inside JS object

Question

Let's imagine this JS object as below

document: any = {
    id: {
        photo: {},
        required: true
    },
    ph: {
        photo: {},
        required: true
    },
    zp: {
        photo: {},
        required: true
    }
};

is there a way to set all required properties to false?

Answer 1

Take the keys out (Object.keys()) loop through each key and change the desired property to desired value

let any = { id: { photo: {}, required: true }, ph: { photo: {},required: true},zp: { photo: {},required: true   }};

Object.keys(any).forEach( e => any[e].required=false)

console.log(any)

If you want immutability you can use reduce instead of forEach

let any = { id: { photo: {}, required: true }, ph: { photo: {},required: true},zp: { photo: {},required: true   }};

let output = Object.keys(any).reduce((op,c) => {
  op[c] = {...any[c],required: false }
  return op
},{})
console.log(output)