87,910
社区成员
发帖
与我相关
我的任务
分享javascript怎么遍历json和删除json元素？
json如下：
这只是示例，json是动态的，可能子对象里面还有孙子对象...深度是变化的。怎么遍历类似这样的json？比如我要打印“json.address.time.year[1] : 0”、“json.units.totle : function”、“json.student[0] : 13”,要怎么做？
然后就是删除问题，比如我要删除json.address.gas,那就把json.address.gas这个对象给移除了，各位大神帮帮忙啊！多谢了！
var json={
"name":"zhansan",
"age":23,
"address":{
"city":"beijing",
"year":["气态流出物月报",0,1],
"gas":{
"gasSheet":"气态流出物月报",
"H_adjust":1
},
"time":{
"year": ["气态流出物月报",0,1],
"start":[1,"～"],
"duration":31
}
},
"units":{"title":"function"}, //怎么判断它是相对于根的子节点？
"student":[13,"s1","s2"]
} 这只是示例，json是动态的，可能子对象里面还有孙子对象...深度是变化的。怎么遍历类似这样的json？比如我要打印“json.address.time.year[1] : 0”、“json.units.totle : function”、“json.student[0] : 13”,要怎么做？
然后就是删除问题，比如我要删除json.address.gas,那就把json.address.gas这个对象给移除了，各位大神帮帮忙啊！多谢了！
...全文
请发表友善的回复…
发表回复
Go 旅城通票 2014-01-07
- 打赏
- 举报
递归遍历就行了，增加path参数
function showJSON() {
var json = {
"name": "zhansan",
"age": 23,
"address": {
"city": "beijing",
"year": [{ test: "气态流出物月报" }, [0, [1, 1]], 1],
"gas": {
"gasSheet": "气态流出物月报",
"H_adjust": 1
},
"time": {
"year": ["气态流出物月报", 0, 1],
"start": [1, "～"],
"duration": 31
}
},
"units": { "title": "function" }, //怎么判断它是相对于根的子节点？
"student": [13, "s1", "s2"]
}
function RecursionJson(json, path) {
var isArray = json.length;
for (var attr in json)
if (typeof json[attr] == 'object') {
if (json[attr].length) {
for (var j = 0; j < json[attr].length; j++) {
if (typeof json[attr][j] == 'object')
RecursionJson(json[attr][j], path + '.' + attr + '[' + j + ']'); //不是普通类型，递归遍历
else alert(path + (isArray ? '[' : '.') + attr + (isArray ? ']' : '') + '[' + j + ']：' + json[attr][j]);
}
}
else RecursionJson(json[attr], path + "." + attr); //递归遍历
}
else alert(path + (isArray ? '[' : '.') + attr + (isArray ? ']' : '') + '：' + json[attr]);
}
RecursionJson(json, "json");
}
Gaken 2014-01-07
- 打赏
- 举报
问题解决，迭代时正确节点没有及时传入，特别感谢5楼的提醒，谢谢各位！
Gaken 2014-01-07
- 打赏
- 举报
问题解决，确实是节点遗留问题，带入参数就不会了，呵呵，感谢楼主！
jTemper 2014-01-07
- 打赏
- 举报
楼主可以再迭代的时候带入参数，这样应该就不会有节点沿用上一个节点的问题，forTree(json,nodes),每次迭代nodes要先清一下
Gaken 2014-01-05
- 打赏
- 举报
我把全部代码贴出来吧
<script type="text/javascript">
function showJSON() {
var json={
"name":"zhansan",
"age":23,
"address":{
"city":"beijing",
"year":["气态流出物月报",0,1],
"gas":{
"gasSheet":"气态流出物月报",
"H_adjust":1
},
"time":{
"year": ["气态流出物月报",0,1],
"start":[1,"～"],
"duration":31
}
},
"units":{"title":"function"}, //怎么判断它是相对于根的子节点？
"student":[13,"s1","s2"]
}
var root="json";
var count=0;
var flag=false;
forTree=function(json){
for(var i in json){
if(typeof json[i] == "object"){ //有子节点
if(json[i].length >=0 ){ //数组
var nodes;
if(flag){
nodes=root+"."+i;
}else{
nodes="json."+i;
}
for(var l=0;l<json[i].length;l++){
alert(nodes+"["+l+"]"+" : "+json[i][l]);
}
}else{ //是对象
flag=true;
//iteration=true;
if(count > 0){ //迭代过一次，root截掉最后一个节点，接上新节点
root=root.substring(0,root.lastIndexOf("."))+"."+i;
}else{ //没有迭代过，root就用上一次的
root=root+"."+i;
}
forTree(json[i]);
flag=false;
count++;
forTree(json);
}
</script>
<body>
<input type="button" onclick="showJSON()" value="ShowJson" />
</body><script type="text/javascript">
function showJSON() {
var json={
"name":"zhansan",
"age":23,
"address":{
"city":"beijing",
"year":["气态流出物月报",0,1],
"gas":{
"gasSheet":"气态流出物月报",
"H_adjust":1
},
"time":{
"year": ["气态流出物月报",0,1],
"start":[1,"～"],
"duration":31
}
},
"units":{"title":"function"}, //怎么判断它是相对于根的子节点？
"student":[13,"s1","s2"]
}
//alert(json["address"]["year"]);
var root="json";
var count=0;
var flag=false;
forTree=function(json){
for(var i in json){
if(typeof json[i] == "object"){ //有子节点
if(json[i].length >=0 ){ //数组
var nodes;
if(flag){
nodes=root+"."+i;
}else{
nodes="json."+i;
}
for(var l=0;l<json[i].length;l++){
alert(nodes+"["+l+"]"+" : "+json[i][l]);
}
}else{ //是对象
flag=true;
//iteration=true;
if(count > 0){ //迭代过一次，root截掉最后一个节点，接上新节点
root=root.substring(0,root.lastIndexOf("."))+"."+i;
}else{ //没有迭代过，root就用上一次的
root=root+"."+i;
}
forTree(json[i]);
flag=false;
count++;
}
}else{
alert(root+"."+i+" : "+json[i]);
}
}
}
forTree(json);
}
</script>
<body>
<input type="button" onclick="showJSON()" value="ShowJson" />
</body>Gaken 2014-01-05
- 打赏
- 举报
我把全部代码贴出来吧
<script type="text/javascript">
function showJSON() {
var json={
"name":"zhansan",
"age":23,
"address":{
"city":"beijing",
"year":["气态流出物月报",0,1],
"gas":{
"gasSheet":"气态流出物月报",
"H_adjust":1
},
"time":{
"year": ["气态流出物月报",0,1],
"start":[1,"～"],
"duration":31
}
},
"units":{"title":"function"}, //怎么判断它是相对于根的子节点？
"student":[13,"s1","s2"]
}
var root="json";
var count=0;
var flag=false;
forTree=function(json){
for(var i in json){
if(typeof json[i] == "object"){ //有子节点
if(json[i].length >=0 ){ //数组
var nodes;
if(flag){
nodes=root+"."+i;
}else{
nodes="json."+i;
}
for(var l=0;l<json[i].length;l++){
alert(nodes+"["+l+"]"+" : "+json[i][l]);
}
}else{ //是对象
flag=true;
//iteration=true;
if(count > 0){ //迭代过一次，root截掉最后一个节点，接上新节点
root=root.substring(0,root.lastIndexOf("."))+"."+i;
}else{ //没有迭代过，root就用上一次的
root=root+"."+i;
}
forTree(json[i]);
flag=false;
count++;
forTree(json);
}
</script>
<body>
<input type="button" onclick="showJSON()" value="ShowJson" />
</body>
Oo736622510 2014-01-05
- 打赏
- 举报
你可以用数组的思想理解Json就容易了，
给个代码你看看，没考虑优化问题，但是遍历子孙对象的属性特别有用
function find(obj)
{
for(var i in obj)
{
if(obj[i]!=null&&typeof(obj[i])!="function"&&typeof(obj[i])=="object")
{
find(obj[i]);
}
//这里添加你需要属性操作的代码
}
}
find(json);
似梦飞花 2014-01-05
- 打赏
- 举报
递归遍历
删除的话可以用delete xx.xx
