JSON数据格式

JSON格式

  • 含义：
    JSON 格式（JavaScript Object Notation 的缩写）指JavaScript的对象表示法，它本身是个字符串，是一种数据交换格式，并非对象。通常所提的JSON对象实际是JSON字符串解析成对象的结果，或是浏览器window对象下的JSON对象。2001年由 Douglas Crockford 提出，目的是取代繁琐笨重的 XML 格式。
  • 特点：
  1. 书写简单，一目了然；
  2. 符合 JavaScript 原生语法，可以由解释引擎直接处理，不用另外添加解析代码。
  • JSON的值：
    每个 JSON 对象就是一个值，可能是一个数组或对象，也可能是一个原始类型的值。总之，只能是一个值，不能是两个或更多的值。

JSON语法：

  • JSON语法规则
    JSON 语法是 JavaScript 对象表示语法的子集，其基本原则如下:
  1. 数据在键值对中
  2. 数据由逗号分隔
  3. 花括号保存对象
  4. 方括号保存数组
  • JSON的值
    JSON 对值的类型和格式有严格的规定：
  1. 复合类型的值只能是数组或对象，不能是函数、正则表达式对象、日期对象。
  2. 原始类型的值只有四种：字符串、数值（必须以十进制表示）、布尔值和null（不能使用NaN, Infinity, -Infinity和undefined）。
  3. 字符串必须使用双引号表示，不能使用单引号。
  4. 对象的键名必须放在双引号{}里面。
  5. 数组必须放在方括号[]里面。
  6. 数组或对象最后一个成员的后面，不能加逗号。
  7. 数值前不能加0。
不合格的JSON：
{ name: "张三", 'age': 32 }  // 属性名必须使用双引号
[32, 64, 128, 0xFFF] // 不能使用十六进制值
{ "name": "张三", "age": undefined } // 不能使用 undefined
{ "name": "张三",
  "birthday": new Date('Fri, 26 Aug 2011 07:13:10 GMT'),
  "getName": function () {
      return this.name;
  }
} // 属性值不能使用函数和日期对象

JSON中是不能有注释的。不合法的JSON会在解析成JavaScript对象时，出现错误。

JSON和JavaScript对象的转化

JSON对象是 JavaScript 的原生对象，用来处理 JSON 格式数据。它有两个静态方法：JSON.stringify()和JSON.parse()。

  • JSON.parse()：
  1. JSON.parse方法用于将 JSON 字符串转换成对应的值。
console.log(JSON.parse('{}'));// {}
console.log(JSON.parse('true'));// true
console.log(JSON.parse('"foo"')); // "foo"
console.log(JSON.parse('[1, 5, "false"]')); // [1, 5, "false"]
console.log(JSON.parse('null')); // null
var o = JSON.parse('{"name": "张三"}');
console.log(o.name); // 张三
TIM图片20190118155224.png
  1. 接受JSON格式的数据，返回成JavaScript对象，并通过对象属性方法调用
// JSON数据
var fn = '[{"name":"zs","age":28},{"name":"ls","age":26}]';
// 解析为JavaScript对象
var FN = JSON.parse(fn);
// 之后就可以访问其元素或属性了
console.log(FN[1].name); // ls
console.log(FN[1].age); // 26
console.log(FN.name); //undefined
TIM图片20190118154710.png
  1. 如果传入的字符串不是有效的 JSON 格式，JSON.parse方法将报错。
console.log(JSON.parse("'String'"));//传入的字符串格式是错误的
TIM图片20190118155414.png
  1. 为了处理解析错误，可以将JSON.parse方法放在try...catch代码块中。
try {
  JSON.parse("'String'"); //传入的是错误的，不执行
} catch(e) {
  console.log('parsing error'); //执行结果parsing error
}
TIM图片20190118155625.png
  1. JSON.parse方法可以接受一个处理函数，作为第二个参数
function f(key, value) {
  if (key === 'a') {
    return value + 10;
  }
  return value;
}
console.log(JSON.parse('{"a": 1, "b": 2}', f));
// {a: 11, b: 2}
TIM图片20190118155752.png
  • JSON.stringify():
  1. JSON.stringify方法用于将一个值转为 JSON 字符串。该字符串符合 JSON 格式，并且可以被JSON.parse方法还原。
console.log(JSON.stringify('abc')); // ""abc""
console.log(JSON.stringify(1)); // "1"
console.log(JSON.stringify(false)); // "false"
console.log(JSON.stringify([])); // "[]"
console.log(JSON.stringify({})); // "{}"
console.log(JSON.stringify([1, "false", false]));
// '[1,"false",false]'
console.log(JSON.stringify({ name: "张三" }));
// '{"name":"张三"}'
TIM图片20190118160256.png
  1. JSON.stringify方法还可以接受一个数组，作为第二个参数，指定需要转成字符串的属性。
var obj = {
  'p1': 'v1',
  'p2': '2',
  'p3': '3'
};
var selectedProperties = ['p1', '2'];
console.log(JSON.stringify(obj, selectedProperties))
// "{"p1":"v1","p2":"v2"}"
TIM图片20190118160550.png
  1. 第二个参数还可以是一个函数，用来更改JSON.stringify的返回值。
function f(key, value) {
  if (typeof value === "number") {
    value = 2 * value;
  }
  return value;
}
console.log(JSON.stringify({ a: 1, b: 2 }, f))
// '{"a": 2,"b": 4}'
TIM图片20190118160706.png
  1. JSON.stringify还可以接受第三个参数，用于增加返回的 JSON 字符串的可读性。如果是数字，表示每个属性前面添加的空格（最多不超过10个）；如果是字符串（不超过10个字符），则该字符串会添加在每行前面。
JSON.stringify({ p1: 1, p2: 2 }, null, 2);
/*
"{
  "p1": 1,
  "p2": 2
}"
*/

JSON.stringify({ p1:1, p2:2 }, null, '|-');
/*
"{
|-"p1": 1,
|-"p2": 2
}"
*/

第二个参数可指定序列化时的操作。

  • 如果该参数是一个函数，则在序列化过程中，被序列化的值的每个属性都会经过该函数的转换和处理；
  • 如果该参数是一个数组，则只有包含在这个数组中的属性名才会被序列化到最终的 JSON 字符串中；
  • 如果该参数为null或者未提供，则对象所有的属性都会被序列化；
    第三个参数用于指定缩进用的空白字符串，用于美化输出（pretty-print）；
  • 如果参数是个数字，它代表有多少的空格；上限为10。该值若小于1，则意味着没有空格；
  • 如果该参数为字符串(字符串的前十个字母)，该字符串将被作为空格；
  • 如果该参数没有提供（或者为null）将没有空格。

eval ：把一个字符串转换成JSON去执行，是邪恶的，很少使用

var json_str = '{"name":"byron","age":24}';
var json = eval('('+ json_str +')');
console.log(json);

对象属性的遍历

for(var key in  people){//这里面的key存储的是变量
 console.log(key,":",people[key]);
}

json对象在JS中经常被用作字典

  • 写一个函数，得到字符串里面出现频率最多的一个字符
var str = "hello word liqxiaoqi haha hoho hoho lol";
var dict = {};
for(var i = 0; i < str.length; i ++){
    if(dict[str[i]]){
        ++dict[str[i]];
    }else {
        dict[str[i]] = 1;
        }
}
var count = 0;
var maxValue;
for(key in dict){
    if(dict[key] > count){
        maxValue = key;
        count = dict[key];
    }
}
console.log(count,maxValue);
TIM图片20190118151956.png

写一个函数，判断一个字符串是回文字符串，如 abcdcba是回文字符串, abcdcbb不是

function palindrome(str) {
    return str == str.split('').reverse().join('');
}
console.log(palindrome('abjldjk'));
console.log(palindrome('abcdedcba'));
参考文献：
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 216,591评论 6赞 501
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 92,448评论 3赞 392
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 162,823评论 0赞 353
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 58,204评论 1赞 292
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 67,228评论 6赞 388
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 51,190评论 1赞 299
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 40,078评论 3赞 418
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 38,923评论 0赞 274
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 45,334评论 1赞 310
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,550评论 2赞 333
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,727评论 1赞 348
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 35,428评论 5赞 343
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 41,022评论 3赞 326
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,672评论 0赞 22
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,826评论 1赞 269
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 47,734评论 2赞 368
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 44,619评论 2赞 354