jcardoz/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>

<script id="jsbin-javascript">
var myOb = {
  'hello_world': "hi",
  "name-is": "jonathan",
  "age-is": 30,
  "lives-_--in": "India",
  job:
  {
    "job-desc": "consultant",
    "job--name": "FrontEnd Developer"
  },
  hobbies: {
    "my-hobbies": {
      "play-ing": "football",
      "read-ing": "sci-fi"
    }
  }
};

function iterator(obj) {
    Object.keys(obj).forEach(function (key) {
        // object
        if (obj[key] !== null && typeof obj[key] === 'object') {
             setNewNamedProp(key,obj[key],obj);
             iterator(obj[key]);
             // Delete the key only if it contains a hyphen
             deleteOldProp(key, obj);

            return obj;
           }
           // string
           setNewNamedProp(key,obj[key],obj);
           // Delete the key only if it contains a hyphen
           deleteOldProp(key, obj);
    });
}

function setNewNamedProp(propName, value, obj) {
  obj[propName.toString().replace(/-/g, '_')] = value;
}

function deleteOldProp(propName, obj) {
  if(propName.indexOf('-') !== -1) delete obj[propName];
}

iterator(myOb);
console.log(myOb);
</script>


<script id="jsbin-source-javascript" type="text/javascript">var myOb = {
  'hello_world': "hi",
  "name-is": "jonathan",
  "age-is": 30,
  "lives-_--in": "India",
  job:
  {
    "job-desc": "consultant",
    "job--name": "FrontEnd Developer"
  },
  hobbies: {
    "my-hobbies": {
      "play-ing": "football",
      "read-ing": "sci-fi"
    }
  }
};

function iterator(obj) {
    Object.keys(obj).forEach(function (key) {
        // object
        if (obj[key] !== null && typeof obj[key] === 'object') {
             setNewNamedProp(key,obj[key],obj);
             iterator(obj[key]);
             // Delete the key only if it contains a hyphen
             deleteOldProp(key, obj);

            return obj;
           }
           // string
           setNewNamedProp(key,obj[key],obj);
           // Delete the key only if it contains a hyphen
           deleteOldProp(key, obj);
    });
}

function setNewNamedProp(propName, value, obj) {
  obj[propName.toString().replace(/-/g, '_')] = value;
}

function deleteOldProp(propName, obj) {
  if(propName.indexOf('-') !== -1) delete obj[propName];
}

iterator(myOb);
console.log(myOb);</script></body>
</html>

## jsbin.tizokan.js
var myOb = {
  'hello_world': "hi",
  "name-is": "jonathan",
  "age-is": 30,
  "lives-_--in": "India",
  job:
  {
    "job-desc": "consultant",
    "job--name": "FrontEnd Developer"
  },
  hobbies: {
    "my-hobbies": {
      "play-ing": "football",
      "read-ing": "sci-fi"
    }
  }
};

function iterator(obj) {
    Object.keys(obj).forEach(function (key) {
        // object
        if (obj[key] !== null && typeof obj[key] === 'object') {
             setNewNamedProp(key,obj[key],obj);
             iterator(obj[key]);
             // Delete the key only if it contains a hyphen
             deleteOldProp(key, obj);

            return obj;
           }
           // string
           setNewNamedProp(key,obj[key],obj);
           // Delete the key only if it contains a hyphen
           deleteOldProp(key, obj);
    });
}

function setNewNamedProp(propName, value, obj) {
  obj[propName.toString().replace(/-/g, '_')] = value;
}

function deleteOldProp(propName, obj) {
  if(propName.indexOf('-') !== -1) delete obj[propName];
}

iterator(myOb);
console.log(myOb);
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	</head>
	<body>

	<script id="jsbin-javascript">
	var myOb = {
	'hello_world': "hi",
	"name-is": "jonathan",
	"age-is": 30,
	"lives-_--in": "India",
	job:
	{
	"job-desc": "consultant",
	"job--name": "FrontEnd Developer"
	},
	hobbies: {
	"my-hobbies": {
	"play-ing": "football",
	"read-ing": "sci-fi"
	}
	}
	};

	function iterator(obj) {
	Object.keys(obj).forEach(function (key) {
	// object
	if (obj[key] !== null && typeof obj[key] === 'object') {
	setNewNamedProp(key,obj[key],obj);
	iterator(obj[key]);
	// Delete the key only if it contains a hyphen
	deleteOldProp(key, obj);

	return obj;
	}
	// string
	setNewNamedProp(key,obj[key],obj);
	// Delete the key only if it contains a hyphen
	deleteOldProp(key, obj);
	});
	}

	function setNewNamedProp(propName, value, obj) {
	obj[propName.toString().replace(/-/g, '_')] = value;
	}

	function deleteOldProp(propName, obj) {
	if(propName.indexOf('-') !== -1) delete obj[propName];
	}

	iterator(myOb);
	console.log(myOb);
	</script>



	<script id="jsbin-source-javascript" type="text/javascript">var myOb = {
	'hello_world': "hi",
	"name-is": "jonathan",
	"age-is": 30,
	"lives-_--in": "India",
	job:
	{
	"job-desc": "consultant",
	"job--name": "FrontEnd Developer"
	},
	hobbies: {
	"my-hobbies": {
	"play-ing": "football",
	"read-ing": "sci-fi"
	}
	}
	};

	function iterator(obj) {
	Object.keys(obj).forEach(function (key) {
	// object
	if (obj[key] !== null && typeof obj[key] === 'object') {
	setNewNamedProp(key,obj[key],obj);
	iterator(obj[key]);
	// Delete the key only if it contains a hyphen
	deleteOldProp(key, obj);

	return obj;
	}
	// string
	setNewNamedProp(key,obj[key],obj);
	// Delete the key only if it contains a hyphen
	deleteOldProp(key, obj);
	});
	}

	function setNewNamedProp(propName, value, obj) {
	obj[propName.toString().replace(/-/g, '_')] = value;
	}

	function deleteOldProp(propName, obj) {
	if(propName.indexOf('-') !== -1) delete obj[propName];
	}

	iterator(myOb);
	console.log(myOb);</script></body>
	</html>