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

2. 接受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

3. 如果传入的字符串不是有效的 JSON 格式，JSON.parse方法将报错。

console.log(JSON.parse("'String'"));//传入的字符串格式是错误的

TIM图片20190118155414.png

4. 为了处理解析错误，可以将JSON.parse方法放在try...catch代码块中。

try {
  JSON.parse("'String'"); //传入的是错误的，不执行
} catch(e) {
  console.log('parsing error'); //执行结果parsing error
}

TIM图片20190118155625.png

5. 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

2. 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

3. 第二个参数还可以是一个函数，用来更改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

4. 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'));

参考文献：

• JavaScript对象和JSON
• 阮一峰JSON对象