轻松驾驭 JSON 字符串：从字符串到对象的三步曲

2023-08-13 02:18:19

JSON 字符串与 JSON 对象之间的转换：三种实用方法

在现代 Web 开发中，JSON（JavaScript 对象表示法）已成为数据交换的常用格式。经常需要在 JSON 字符串和 JSON 对象之间进行转换，以便进行数据解析和操作。以下我们将探讨三种常用的 JSON 字符串转换方法，无论字符串中是否包含转义字符，都能轻松实现转换。

方法 1：eval 的妙用

最简单的方法是使用 eval 函数。eval('(' + str + ')') 可以将 JSON 字符串解析为 JSON 对象。但是，如果字符串中包含转义字符，如 \，需要使用额外的转义字符，例如将 \ 转义为 \。

function strToJson(str) {
  var json = eval('(' + str + ')');
  return json;
}

var str = '{"name": "张三", "age": 20, "gender": "male"}';
var json = strToJson(str);
console.log(json); // 输出：{ name: '张三', age: 20, gender: 'male' }

方法 2：new Function 的灵活性

new Function 提供了更灵活的解析方法。语法格式为：var json = new Function('return ' + str)();

function strToJson(str) {
  var json = new Function('return ' + str);
  return json();
}

var str = '{"name": "张三", "age": 20, "gender": "male"}';
var json = strToJson(str);
console.log(json); // 输出：{ name: '张三', age: 20, gender: 'male' }

方法 3：JSON.parse 的简便性

这是最简单的解析方法，直接使用 JSON.parse(str)。但是，如果字符串中包含转义字符，可能会出现问题。

function strToJson(str) {
  var json = JSON.parse(str);
  return json;
}

var str = '{"name": "张三", "age": 20, "gender": "male"}';
var json = strToJson(str);
console.log(json); // 输出：{ name: '张三', age: 20, gender: 'male' }