JSFiddle - React, Tailwind, and code Playground

HTML

<button id='reset'>Reset</button>
<br/>
<button id='delete1'>Delete manually</button>
<button id='delete2'>Delete with `for in`</button>
<button id='delete3'>Replace with fresh {}</button>

JavaScript

var measure = {};

$("#delete1").click(function(){
    delete measure.name;
    delete measure.name2;
    delete measure.name3;
    console.log(measure);
    $("#delete1, #delete2, #delete3").prop('disabled', true);
    $("#reset").prop('disabled', false);
});
$("#delete2").click(function(){
    for(prop in measure) {
        delete measure[prop];
    }
    console.log(measure);
    $("#delete1, #delete2, #delete3").prop('disabled', true);
    $("#reset").prop('disabled', false);
});
$("#delete3").click(function(){
    measure = {};
    console.log(measure);
    $("#delete1, #delete2, #delete3").prop('disabled', true);
    $("#reset").prop('disabled', false);
});
$("#reset").click(function(){
    measure.name = {"id":1};
    measure.name2 = {"id2":2};
    measure.name3 = {"id3":3};
    console.log(measure);
    $("#delete1, #delete2, #delete3").prop('disabled', false);
    $("#reset").prop('disabled', true);
}).click();