码迷,mamicode.com
首页 > 编程语言 > 详细

JSON——JavaScript 中的使用

时间:2017-05-12 01:39:29      阅读:220      评论:0      收藏:0      [点我收藏+]

标签:end   school   func   并且   style   解析   反序   小明   pytho   

由于JSON非常简单,很快就风靡Web世界,并且成为ECMA标准。几乎所有编程语言都有解析JSON的库,而在JavaScript中,我们可以直接使用JSON,因为JavaScript内置了JSON的解析。

把任何JavaScript对象变成JSON,就是把这个对象序列化成一个JSON格式的字符串,这样才能够通过网络传递给其他计算机。

如果我们收到一个JSON格式的字符串,只需要把它反序列化成一个JavaScript对象,就可以在JavaScript中直接使用这个对象了。

序列化(JS对象——>JSON)

让我们先把小明这个对象序列化成JSON格式的字符串:

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

JSON.stringify(xiaoming); 
要输出得好看一些,可以加上参数,按缩进输出:
JSON.stringify(xiaoming, null, ‘  ‘);

结果:

{
  "name": "小明",
  "age": 14,
  "gender": true,
  "height": 1.65,
  "grade": null,
  "middle-school": "\"W3C\" Middle School",
  "skills": [    "JavaScript",    "Java",    "Python",    "Lisp"
  ]
}

第二个参数用于控制如何筛选对象的键值,如果我们只想输出指定的属性,可以传入Array

JSON.stringify(xiaoming, [‘name‘, ‘skills‘], ‘  ‘);

结果:

{
  "name": "小明",
  "skills": [    "JavaScript",    "Java",    "Python",    "Lisp"
  ]
}

还可以传入一个函数,这样对象的每个键值对都会被函数先处理:

function convert(key, value) {
    if (typeof value === ‘string‘) {        return value.toUpperCase();
    }    return value;
}

JSON.stringify(xiaoming, convert, ‘  ‘);

上面的代码把所有属性值都变成大写:

{
  "name": "小明",
  "age": 14,
  "gender": true,
  "height": 1.65,
  "grade": null,
  "middle-school": "\"W3C\" MIDDLE SCHOOL",
  "skills": [    "JAVASCRIPT",    "JAVA",    "PYTHON",    "LISP"
  ]
}

如果我们还想要精确控制如何序列化小明,可以给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 { // 只输出name和age,并且改变了key:
            ‘Name‘: this.name,            ‘Age‘: this.age
        };
    }
};

JSON.stringify(xiaoming); // ‘{"Name":"小明","Age":14}‘

反序列化

拿到一个JSON格式的字符串,我们直接 JSON.parse()把它变成一个JavaScript对象

JSON.parse(‘[1,2,3,true]‘); 

// [1, 2, 3, true]JSON.parse(‘{"name":"小明","age":14}‘);
// Object {name: ‘小明‘, age: 14}JSON.parse(‘true‘);
// trueJSON.parse(‘123.45‘);
// 123.45
JSON.parse()还可以接收一个函数,用来转换解析出的属性:
JSON.parse(‘{"name":"小明","age":14}‘, function (key, value) {
    // 把number * 2:
    if (key === ‘name‘) {        return value + ‘同学‘;
    }    return value;
}); // Object {name: ‘小明同学‘, age: 14}

 

JSON——JavaScript 中的使用

标签:end   school   func   并且   style   解析   反序   小明   pytho   

原文地址:http://www.cnblogs.com/zjfjava/p/6843137.html

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