json格式字符串转json对象

JSON(JavaScript Object Notation)是一种轻量级的数据交换格式，常用于前后端数据传输。在前端开发中，常常需要将JSON格式的字符串转换成JSON对象进行操作。本文将从多个角度分析JSON格式字符串转JSON对象的方法。

一、使用JSON.parse()方法

JSON.parse()方法是将JSON格式的字符串转换成JSON对象的最常用方法。该方法接受一个JSON格式的字符串作为参数，返回一个对应的JavaScript对象。示例代码如下：

```javascript

var str = '{"name":"张三","age":18}';

var obj = JSON.parse(str);

console.log(obj.name); // 输出：张三

```

二、处理JSON格式字符串中的日期格式

在JSON格式字符串中，有时会存在日期格式的数据，例如：

```javascript

var str = '{"name":"张三","birthday":"2010-01-01"}';

```

如果直接使用JSON.parse()方法将该字符串转换为JSON对象，birthday属性的值仍然会是一个字符串。如果需要将其转换成Date类型，可以使用reviver函数。示例代码如下：

```javascript

var str = '{"name":"张三","birthday":"2010-01-01"}';

var obj = JSON.parse(str, function(key, value){

if(key === 'birthday'){

return new Date(value);

}

return value;

});

console.log(obj.birthday instanceof Date); // 输出：true

```

三、处理JSON格式字符串中的特殊字符

在JSON格式字符串中，有些特殊字符需要进行转义，例如双引号、单引号、反斜杠等。如果直接使用JSON.parse()方法将该字符串转换为JSON对象，可能会出现解析错误。此时可以使用JSON.parse()方法的第二个参数，将特殊字符进行转义。示例代码如下：

```javascript

var str = '{"name":"\\"张三\\"","age":18}';

var obj = JSON.parse(str, function(key, value){

if(typeof value === 'string'){

return value.replace(/\\'/g, '\'').replace(/\\"/g, '\"');

}

return value;

});

console.log(obj.name); // 输出："张三"

```

四、处理JSON格式字符串中的未定义属性

在JSON格式字符串中，有时会存在一些未定义的属性。如果直接使用JSON.parse()方法将该字符串转换为JSON对象，可能会出现解析错误。此时可以使用try-catch语句捕获错误，并在catch中处理未定义属性。示例代码如下：

```javascript

var str = '{"name":"张三","age":18,"gender":"男"}';

var obj = {};

try{

obj = JSON.parse(str);

}catch(e){

if(e instanceof SyntaxError){

str = str.replace(/(['"])?([a-z0-9A-Z_]+)(['"])?:/g, '"$2": ');

obj = JSON.parse(str);

}

}

console.log(obj.gender); // 输出："男"

```

五、处理JSON格式字符串中的循环引用

在JSON格式字符串中，有时会存在循环引用的情况，例如对象A的属性引用了对象B，而对象B的属性又引用了对象A。如果直接使用JSON.parse()方法将该字符串转换为JSON对象，会出现解析错误。此时可以使用JSON.parse()方法的第二个参数，使用一个Map对象存储已经解析的对象，在解析下一个对象时先查找Map对象，如果已经存在则直接返回，避免循环引用。示例代码如下：

```javascript

var str = '{"name":"张三","friend":{"name":"李四","friend":{"name":"张三"}}}';

var obj = JSON.parse(str, function(key, value){

if(typeof value === 'object' && value !== null){

if(map.has(value)){

return map.get(value);

}

map.set(value, value);

}

return value;

});

console.log(obj.friend.friend === obj); // 输出：true

```

六、使用第三方库处理JSON格式字符串

除了使用JSON.parse()方法，还可以使用第三方库处理JSON格式字符串。例如，使用lodash库的_.parseJSON()方法，示例代码如下：

```javascript

var str = '{"name":"张三","age":18}';

var obj = _.parseJSON(str);

console.log(obj.name); // 输出："张三"

```