zoukankan      html  css  js  c++  java
  • json数据实际应用

    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);
    复制代码

    输出结果

     -转载

  • 相关阅读:
    CodeFirst从零搭建ASP.NETCore2.0
    ASP.NetCore2.0概览
    C#图片处理(转zhjzwl/archive)
    数据库内部视图,存储过程的使用
    《用户体验要素》学习笔记 —— 初识五层要素
    《用户体验要素》学习笔记 —— 用户体验重要性
    To B产品,业务方全程蒙蔽怎么搞?
    产品经理需要的技能,我有吗?
    拼多多为何没有购物车功能
    章节十四、3-执行JavaScript命令
  • 原文地址:https://www.cnblogs.com/wenJiaQi/p/6087267.html
Copyright © 2011-2022 走看看