您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

js中json字符串和json对象互相转化的方法实现

2024/4/1 11:29:14发布11次查看
在利用js开发的过程中,json字符串和json对象是需要相互转化的,那么json字符串转json对象以及json对象转化为json字符串究竟是如何实现的呢?接下来就给大家看一下具体的示例。
一、json字符串转换为json对象
var obj = json.parse(str[, reviver]);
例:
json.parse('{}'); // {}json.parse('true'); // truejson.parse('"foo"'); // "foo"json.parse('[1, 5, "false"]'); // [1, 5, "false"]json.parse('null'); // nulljson.parse('1'); // 1
reviver:如果是一个函数,则在被返回之前对原始值执行其方法后返回。
解析json字符串并返回对应的值,可以额外传入一个转换函数,用来将生成的值和其属性, 在返回之前进行某些修改。函数的参数k、v、分别代表返回的属性名和属性值
json.parse('{"p": 5}', function (k, v) { if(k === '') return v; // 如果到了最顶层,则直接返回属性值, return v * 2; // 否则将属性值变为原来的 2 倍。}); // { p: 10 } json.parse('{"1": 1, "2": 2,"3": {"4": 4, "5": {"6": 6}}}', function (k, v) { console.log(k); // 输出当前的属性名,从而得知遍历顺序是从内向外的, // 最后一个属性名会是个空字符串。 return v; // 返回原始属性值,相当于没有传递 reviver 参数。}); // 1// 2// 4// 6// 5// 3// ""
二、将json对象转化为json字符串。
json.stringify(value[, replacer [, space]])
value将要序列化成 一个json 字符串的值。
replacer 可选如果该参数是一个函数,则在序列化过程中,被序列化的值的每个属性都会经过该函数的转换和处理。
space 可选指定缩进用的空白字符串,用于美化输出(pretty-print);如果参数是个数字,它代表有多少的空格;上限为10。该值若小于1,则意味着没有空格;如果该参数为字符串(字符串的前十个字母),该字符串将被作为空格;如果该参数没有提供(或者为null)将没有空格。例:
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}" json.stringify([new number(1), new string("false"), new boolean(false)]);// '[1,"false",false]' json.stringify({x: undefined, y: object, z: symbol("")});// '{}' json.stringify([undefined, object, symbol("")]); // '[null,null,null]' json.stringify({[symbol("foo")]: "foo"}); // '{}' json.stringify({[symbol.for("foo")]: "foo"}, [symbol.for("foo")]);// '{}' json.stringify( {[symbol.for("foo")]: "foo"}, function (k, v) { if (typeof k === "symbol"){ return "a symbol"; } }); // undefined // 不可枚举的属性默认会被忽略:json.stringify( object.create( null, { x: { value: 'x', enumerable: false }, y: { value: 'y', enumerable: true } } )); // "{"y":"y"}"
如果replacer是一个数组,数组的值代表将被序列化成json字符串的属性名。
json.stringify(foo, ['week', 'month']); // '{"week":45,"month":7}', 只保留“week”和“month”属性值。
三、使用 json.stringify 结合 localstorage本地存储
一些时候,你想存储用户创建的一个对象,并且,即使在浏览器被关闭后仍能恢复该对象。下面的例子是 json.stringify 适用于这种情形的一个样板:
// 创建一个示例数据var session = { 'screens' : [], 'state' : true};session.screens.push({"name":"screena", "width":450, "height":250});session.screens.push({"name":"screenb", "width":650, "height":350});session.screens.push({"name":"screenc", "width":750, "height":120});session.screens.push({"name":"screend", "width":250, "height":60});session.screens.push({"name":"screene", "width":390, "height":120});session.screens.push({"name":"screenf", "width":1240, "height":650}); // 使用 json.stringify 转换为 json 字符串// 然后使用 localstorage 保存在 session 名称里localstorage.setitem('session', json.stringify(session)); // 然后是如何转换通过 json.stringify 生成的字符串,该字符串以 json 格式保存在 localstorage 里var restoredsession = json.parse(localstorage.getitem('session')); // 现在 restoredsession 包含了保存在 localstorage 里的对象console.log(restoredsession);
四、对于ie8以下旧版本的支持polyfill
json对象可能不被老版本的浏览器支持。可以将下面的代码放到js脚本最开始的位置,这样就可以在没有原生支持 json 对象的浏览器(如ie6)中使用 json对象。
以下算法是对原生json对象的模仿:
也可以引入json3.js的cdn
<script src="//cdnjs.cloudflare.com/ajax/libs/json3/3.3.2/json3.min.js"></script><script> json.stringify({"hello": 123}); // => '{"hello":123}' json.parse("[[1, 2, 3], 1, 2, 3, 4]", function (key, value) { if (typeof value == "number") { value = value % 2 ? "odd" : "even"; } return value; }); // => [["odd", "even", "odd"], "odd", "even", "odd", "even"]</script>
相关推荐:
js 将json字符串转换为json对象的方法解析
以上就是js中json字符串和json对象互相转化的方法实现的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product