JSFiddle - React, Tailwind, and code Playground

JavaScript

var x={
    y1:{
        z1:"some value 4 y1z1",
        z2:"some value 4 y1z2",
    },
    y2:{
        z1:"some value 4 y2z1",
        z2:"some value 4 y2z2",
    }
}

console.log(x.y1.z1)



function setproperty4X(field,value){
    x[field]=value;
}
setproperty4X("y1.z1","new value for y1.z1");
console.log(x.y1.z1) // doesn't reflect the new value.
console.log(x['y1']['z1']); // neither does this

console.log(x['y1.z1']) // but this shows the new value