Manipulating JSON Objects dynamically

Removing properties and adding some to JSON

by Joe Saad

HTML

<div id="originalObject"></div>
<div id="RemovedProperty"></div>
<div id="AddedProperty"></div>
<div id="modifiedProperty"></div>

JavaScript

var person = {
    'name': 'Youssef',
    'age': 34,
    'vocation': 'coder'
}

document.getElementById("originalObject").innerHTML = JSON.stringify(person);

delete person.age;

document.getElementById("RemovedProperty").innerHTML = JSON.stringify(person);

person['gender'] = "male";

document.getElementById("AddedProperty").innerHTML = JSON.stringify(person);

person['vocation'] = "programmer";

document.getElementById("modifiedProperty").innerHTML = JSON.stringify(person);