3.字符串转化成对象 15:51

思维导图.png

解析，是指将符合 JSON 语法规则的字符串转换成对象的过程。

不同的编程语言都提供了解析 JSON 字符串的方法，在这里主要讲解 JavaScript 中的解析方法。主要有三种：

• 使用 eval()
• 使用 JSON.parse()
• 使用第三方库，例如 JQuery 等

1. eval()

eval() 函数的参数是一个字符串，其作用是直接执行其中的 JavaScript 代码。

<script type="text/javascript">
  var str="console.log('Hello')";
  eval(str);
</script>

eval() 能够解析 JSON 字符串。从这里也可以看得出，JSON 和 JavaScript 是高度嵌合的。

<script type="text/javascript">
  var str='{"name":"Lucy","age":26}';
  var obj=eval("("+str+")");
  console.log(obj);
</script>

但是，现在已经很少直接使用 eval() 来解析了，如果您的浏览器版本真的是很旧，可能才需要这个方法。此外，eval() 是一个相对危险的函数，因为字符串中可能含有未知因素。在这里，作为学习，还是要知道这也是一种方法。

请注意 eval() 的参数，在字符串两旁加了括号，这是必须的，否则会报错。

注意：
因为 JSON 字符串是被大括号（“{}”）包围的，直接放到 eval() 会被当成语句块来执行，因此要在两旁加上括号，使其变成表达式。

2. JSON.parse()

现在绝大多数浏览器都以支持 JSON.parse()，是推荐使用的方式。

<script type="text/javascript">
  var str='{"name":"Lily","age":32}';
  var obj=JSON.parse(str);
  console.log(obj);
</script>

如果输入了不符合规范的字符串，会报错。

JSON.parse() 可以有第二个参数，是一个函数。此函数有两个参数：name 和 value，分别代表名称和值。当传入一个 JSON 字符串后，JSON 的每一组名称/值对都要调用此函数。该函数有返回值，返回值将赋值给当前的名称（name）。

parse-1.gif

利用第二个参数，可以在解析 JSON 字符串的同时对数据进行一些处理。

<script>

  var str = '{"name": "Geoff Lui", "age": 26}';

  var obj = JSON.parse(str, fun);

  function fun(name, value){
    
    if( name == "age" )
        value = 14;
    return value;
  }

  console.log(obj);  //{name: "Geoff Lui", age: 14}

</script>

补充：

带有返回值的函数：

有时，我们会希望函数将值返回调用它的地方。
通过使用 return 语句就可以实现。
在使用 return 语句时，函数会停止执行，并返回指定的值。

语法

function myFunction()
{
  var x=5;
  return x;
}

上面的函数会返回值 5。

注释：整个 JavaScript 并不会停止执行，仅仅是函数。JavaScript 将继续执行代码，从调用函数的地方。

函数调用将被返回值取代：

var myVar=myFunction();

myVar 变量的值是 5，也就是函数 "myFunction()" 所返回的值。

即使不把它保存为变量，您也可以使用返回值：

document.getElementById("demo").innerHTML=myFunction();

"demo" 元素的 innerHTML 将成为 5，也就是函数 "myFunction()" 所返回的值。

您可以使返回值基于传递到函数中的参数：

实例

计算两个数字的乘积，并返回结果：

function myFunction(a,b)
{
  return a*b;
}
document.getElementById("demo").innerHTML=myFunction(4,3);

"demo" 元素的 innerHTML 将是：

12

亲自试一试
在您仅仅希望退出函数时 ，也可使用 return 语句。返回值是可选的：

function myFunction(a,b)
{
  if (a>b)
  {
    return;
  }
  x=a+b
}

如果 a 大于 b，则上面的代码将退出函数，并不会计算 a 和 b 的总和。