js中的JSON介绍与案例

JSON是一种数据交换格式。 数据类型： number boolean string null array[] object{ ... } JavaScript对象变成JSON，就是把这个对象序列化成一个JSON格式的字符串 例如 var xiaoming = { name: '小明', age: 14, gender: true, height: 1.65, grade: null, 'middle-school': '"W3C" Middle School', skills: ['JavaScript', 'Java', 'Python', 'Lisp'] }; var s = JSON.stringify(xiaoming); console.log(s);

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

可以加上参数，按缩进输出：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, ' ');

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

JSON.parse('{"name":"小明","age":14}'); // Object {name: '小明', age: 14}

用浏览器访问Yahoo的天气API，查看返回的JSON数据，然后返回城市、气温预报等信息

var url = 'https://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20weather.forecast%20where%20woeid%20%3D%202151330&format=json'; // 从远程地址获取JSON: $.getJSON(url, function (data) {

// 获取结果:
var city = data.query.results.channel.location.city;
var forecast = data.query.results.channel.item.forecast;
var result = {
    city: city,
    forecast: forecast
};
alert(JSON.stringify(result, null, '  '));
复制代码

});