JSON相关的学习笔记，json的表示方法，eval(),parse(),stringify()方法的使用

来源：互联网发布：linux机器上重启编辑：程序博客网时间：2024/06/08 01:54

"{'name':'yunjie','age':18}"
"[19,'yunjie',true]"
//最常用的JSON表示结构
[{
   "title":"w",
   "num":1
   },{
   "title":"w",
    "num":1
       },{
   "title":"w",
   " num":1
           }]
//alert(json);    //模拟Json字符串加载过程
//使用eval()来执行字符串里的Js代码
var box=eval(json);      //解析json字符串，使其变成JavaScript代码
alert(box[1].titel);

//json转换为JavaScript代码
var box='[{"title":"a","num":1},{"title":"b","num":2}]';
//alert(JSON);
var json=JSON.parse(box);
alert(json);

//JavaScript数据转换为json
var box=[
{
   title:'a',
   num:1
},
{
   title:'b',
   num:2
}

];
var json=JSON.stringify(box);
alert(json);
//第二个参数可以控制其中某个键值对不显示
var box=[
{
   title:'a',
   num:1,
   value:'li'
},
{
   title:'b',
   num:2,
   value:'zhao'
}

];

var json=JSON.stringify(box,['title','value']);
alert(json);
//在所有title对应的值前面加上Mr.
var box=[
{
   title:'a',
   num:1,
   value:'li'
},
{
   title:'b',
   num:2,
   value:'zhao'
}

];

var json=JSON.stringify(box,function(key,value){
   if(key=='title'){
   return 'Mr.'+value;
   }else{
       return value;
       }

   });
   alert(json);

//第3个参数实现缩进

var box=[
{
   title:'a',
   num:1,
   value:'li'
},
{
   title:'b',
   num:2,
   value:'zhao'
}

];

var json=JSON.stringify(box,['title','num','value'],4); //最后的参数可以是数字也可以是字符串
   alert(json);


//toJSON方法

var box=[
{
   title:'a',
   num:1,
   value:'li',
   toJSON:function(){
       return this.title;
       }
},
{
   title:'b',
   num:2,
   value:'zhao',
   toJSON:function(){
       return this.value;
       }
}

];

var json=JSON.stringify(box,['title','num','value'],4); //最后的参数可以是数字也可以是字符串
   alert(json);

0 0