json序列化

JSON是一个轻量级的数据格式，可以简化表示复杂数据结构的工作量，它不支持变量、函数或者对象实例，JSON字符串必须使用双引号（单引号会导致语法错误）；在手工编写JSON时，JSON对象中的属性名任何时候都必须加双引号。JSON是ECMAScript5定义的对象，有两个方法：SON.stringify()和JSON.parse()。

JSON.stringify()

功能：把JavaScript对象序列化为JSON字符串(JavaScript对象(Object)转换成JSON数据传输)

语法：JSON.stringify(value[, replacer [, space]]) => JSON.stringify(value, replacer , space)

• value：将要序列化为JSON字符串的值

• replacer：可选过滤器参数。（参数可能为数组，函数或null） => 转化的匹配规则

• 数组：只有包含在这个数组中的属性名，才会显示；

• 函数：传入的函数接收两个参数，属性名和属性值；

• 没有提供/null：则不过滤，属性全部显示；

• space：可选控制结果中的缩进和空白符。用于美化输出。（参数可能为数字、字符串、没有提供或为null）

• 数字：上线为10，大于10则转换为10，小于1则没有空格；

• 字符串：字符串长度最长不超过10个，大于10则取前10，替代空格显示；

• 没有提供/null：没有空格；

使用JSON.stringify()

JSON.stringify({});                        // '{}'JSON.stringify(true);                      // 'true'JSON.stringify("foo");                     // '"foo"'JSON.stringify([1, "false", false]);       // '[1,"false",false]'JSON.stringify({ x: 5 });                  // '{"x":5}'JSON.stringify({x: 5, y: 6});              // "{"x":5,"y":6}"

replacer参数为函数

//JSON.stringify(value[, replacer [, space]])function replacer(key, value) {
  if (typeof value === "string") {
    return undefined;
  }
  return value;}var foo = {foundation: "Mozilla", model: "box", week: 45, transport: "car", month: 7};JSON.stringify(foo, replacer);

image-20210528195327291.png

replacer参数为数组

//JSON.stringify(value[, replacer [, space]])
var obj = 
{"age": 19, "name": "千钧", "functionName": "test", "address": "china"};

JSON.stringify(obj, ['age', 'name']); // "{"age":19,"name":"千钧"}"

image-20210528195428178.png

space参数

//JSON.stringify(value[, replacer [, space]])var obj = {"age": 19, "name": "Module", "functionName": "test", "address": "china"};JSON.stringify(obj, null, 2)

image-20210528195428178.png

JSON.parse()

功能：把JSON字符串解析为原生JavaScript对象(把JSON数据转换成JavaScript对象Object)

语法：JSON.parse(text[, reviver]) =>JSON.parse(text, reviver)

• text：要被解析为JavaScript对象的字符串

• reviver：可选函数，将在每个键值对上调用，用来修改解析生成的原始值，在parse返回之前调用。(对数据做)

注意：若传入的字符串不符合 JSON 规范，则会抛出 SyntaxError 异常。

使用JSON.parse()

JSON.parse('{}');              // {}JSON.parse('true');            // trueJSON.parse('"foo"');           // "foo"JSON.parse('[1, 5, "false"]'); // [1, 5, "false"]JSON.parse('null');            // null

使用reviver函数

JSON.parse('{"p": 5}', function (k, v) {
    if(k === '') return v;     // 如果到了最顶层，则直接返回属性值，
    return v * 2;              // 否则将属性值变为原来的 2 倍。});   

JSON.parse()不允许对解析的原JavaScript对象出现以逗号结尾

JSON.parse('[1,3,4,]')JSON.parse('{a:1,}')

来千语创想移动应用开发平台学习更多APP开发知识：app开发，app制作，app开发源码下载，app开发框架，app开发工具等免费获取。

千语创想-专业APP开发、app定制服务商，提供一站式移动应用解决方案，满足您的各类需求，欢迎免费评估需求和获取报价。

立即免费在线制作一个APP，新手注册即送开发大礼包

提交app定制需求，免费获取报价和周期：

电脑请点击https://www.qianyuthink.com/?url=/index?uzchannel=500

手机请点击https://www.qianyuthink.com/?url=/m/customizedservice