js字符串转与json对象类型转换

js字符串转与json对象类型转换

js字符串转化成json对象,使用JSON.parse()需要注意的地方

1、使用方法

JSON.parse(text[, reviver])
参数说明:
  • text:必需, 一个有效的 JSON 字符串。
  • reviver: 可选,一个转换结果的函数, 将为对象的每个成员调用此函数。
    实例:
var str = '{"name":"小明","age":18}';
var json = JSON.parse(str);

扩展:其他两种方式

var json = eval("(" + str + ")");
var json = (new Function("return " + str))();

2、注意点

解析前要确保数据是标准的 JSON 格式,否则会解析出错。json在线解析:https://c.runoob.com/front-end/53。

  • 字符串的数据格式

js字符串转与json对象类型转换_第1张图片

以上举例 str = ‘{“name”:“小明”,“age”:18}’; 属性name和age都用双引号引住,
有的人可能会习惯写成对象形式的字符串,如:str = ‘{name:“小明”,age:18}’;
结果使用JSON.parse()来转化会报错,因为使用JSON.parse需严格遵守JSON规范。

  • 单引号与双引号

js字符串转与json对象类型转换_第2张图片

我们看到一开始的举例中 var str = ‘{“name”:“小明”,“age”:18}’; 使用单引号来套双引号,如果反过来写呢,如:var str = “{‘name’:‘小明’, ‘age’:18}”;(相信也不少人习惯用双引号套单引号),结果使用JSON.parse()来转化也会报错

  • 兼容问题
    IE6/7浏览器中不支持使用JSON.parse()方法转成json对象,所以需要引入一个json2.js文件。旧版浏览器可以使用第三方库来支持:https://github.com/douglascrockford/JSON-js

总结:

如果使用JSON.parse()方法来转化成json对象的数据格式的话,需要注意的是被转化的字符串里面的属性要使用引号,并且总体是单引号套双引号的方式。

你可能感兴趣的:(前端,json,javascript,前端)