js字符串转换为对象格式的三种方法总结

下面详细讲解一下“js字符串转换为对象格式的三种方法总结”的完整攻略。

标题

js字符串转换为对象格式的三种方法总结

正文

在日常开发中，我们经常需要将字符串转换成对象格式。下面总结了三种常用的方法：

方法一：eval()

eval()是一种将字符串解析成js代码并运行的方法。通过将字符串转成函数执行，在函数内部给一个对象赋值并将它的引用返回。

示例代码：

let str = '{"name": "Tom", "age": 18}'
let obj = eval('(' + str + ')') // 注意：eval()中参数必须加上括号，否则会报错
console.log(obj) // {name: "Tom", age: 18}

使用eval()的好处是这种方法可以解析JavaScript语句中的任意表达式。但使用eval()也有潜在的风险：在解析的字符串中含有恶意代码，就会造成安全隐患。

方法二：JSON.parse()

JSON.parse()是一种将JSON字符串解析成JavaScript对象的方法，可以安全地将字符串转成对象。

示例代码：

let str = '{"name": "Tom", "age": 18}'
let obj = JSON.parse(str)
console.log(obj) // {name: "Tom", age: 18}

注意：JSON.parse()只能解析符合JSON格式的字符串。

方法三：new Function()

new Function()是一种通过传递字符串来创建一个函数的方法。该函数是使用Function构造函数创建的，因此可以将字符串作为其中的代码执行，返回一个对象。

示例代码：

let str = '{"name": "Tom", "age": 18}'
let obj = new Function('return ' + str)() // 注意：必须将字符串放在函数体中返回
console.log(obj) // {name: "Tom", age: 18}

注意：使用new Function()也存在安全隐患，因为其中的字符串代码可以执行任意函数，也可以读取全局变量。

结论

本文总结了三种js将字符串转换成对象格式的常用方法，分别为eval()、JSON.parse()和new Function()。使用时建议遵守安全规则，避免代码注入攻击。