码迷,mamicode.com
首页 > Web开发 > 详细

json数据实际应用

时间:2016-11-21 23:24:00      阅读:244      评论:0      收藏:0      [点我收藏+]

标签:gif   pre   年龄   val   技术   image   typeof   lis   pytho   

JSON序列化输出

技术分享
var xiaoming = {
  name: ‘小明‘,
  age: 14,
  gender: true,
  height: 1.65,
  grade: null,
  ‘middle-school‘: ‘\"W3C\" Middle School‘,
  skills: [‘JavaScript‘, ‘Java‘, ‘Python‘, ‘Lisp‘]
};
技术分享

 


  //stringify()用于从一个对象解析出字符串
 

alert(JSON.stringify(xiaoming, ‘/n‘, ‘ ‘)); //换行,输出JSON

 

输出结果

技术分享

 alert(JSON.stringify(xiaoming, [‘height‘,‘age‘], ‘ ‘)); //第二个参数可以选填

 

输出结果

技术分享

 

技术分享
function convert(key, value) {

   if (typeof value === ‘string‘) {

     return value.toUpperCase(); //字符串的转换为大写
  }
    return value;
 }

  console.log(JSON.stringify(xiaoming, convert, ‘ ‘)); 
技术分享

 

输出结果

技术分享

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

精确控制如何序列化

//如果我们还想要精确控制如何序列化小明,可以给xiaoming定义一个toJSON()的方法,直接返回JSON应该序列化的数据:

技术分享
var xiaoming = {
  name: ‘小明‘,
  age: 14,
  gender: true,
  height: 1.65,
  grade: null,
  ‘middle-school‘: ‘\"W3C\" Middle School‘,
  skills: [‘JavaScript‘, ‘Java‘, ‘Python‘, ‘Lisp‘],
 toJSON: function(){
 return{
    ‘姓名‘:‘小明‘,
    ‘年龄‘:14
  }
  }
};

console.log(JSON.stringify(xiaoming)); 
技术分享

 

输出结果

技术分享

 

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

反序列化(json解析)

console.log(JSON.parse(‘{"name":"小明","age":14}‘));

 

输出结果

技术分享

 

 

技术分享
var jsn = JSON.parse(‘{"name":"小明","age":14}‘, function (key, value) {

    if(key === ‘name‘) {
      return value + ‘同学‘;
    }
      return value;
 });
     console.log(jsn);
技术分享

 

输出结果

技术分享

 -转载

json数据实际应用

标签:gif   pre   年龄   val   技术   image   typeof   lis   pytho   

原文地址:http://www.cnblogs.com/wenJiaQi/p/6087267.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!