当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


Javascript JSON parse()用法及代码示例


JavaScript中的JSON.parse()方法用于解析以JSON格式编写的JSON字符串并返回JavaScript对象。

用法:

JSON.parse( string, function )

参数:它接受下面列出的两个参数:


  • string:它是必填参数,并且包含以JSON格式编写的字符串。
  • function:它是可选参数,用于转换结果。为每个项目调用的函数。

范例1:本示例分析一个字符串并返回JavaScript对象。

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        JavaScript JSON parse() Method 
    </title> 
</head> 
  
<body> 
      
    <h1>GeeksforGeeks</h1> 
      
    <h2> 
        JavaScript JSON parse() Method 
    </h2> 
      
    <p id="GFG"></p> 
      
    <!-- Script to parse a string and return 
        JavaScript object -->
    <script> 
        var obj = JSON.parse('{"var1":"Hello", "var2":"Geeks!"}'); 
          
        document.getElementById("GFG").innerHTML 
                = obj.var1 + " " + obj.var2; 
    </script> 
</body> 
  
</html>                    

输出:

范例2:本示例使用reviver函数解析字符串并返回JavaScript对象。

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        JavaScript JSON parse() Method 
    </title> 
</head> 
  
<body> 
      
    <h1>GeeksforGeeks</h1> 
      
    <h2> 
        JavaScript JSON parse() Method 
    </h2> 
      
    <p id="GFG"></p> 
      
    <!-- Script to parse a string and return 
        JavaScript object -->
    <script> 
        var text = '{ "var1":"Amanda", "gender":"male"}'; 
          
        var obj = JSON.parse(text, function (key, value) { 
            if (value == "male") { 
                return ("female"); 
            } else { 
                return value; 
            } 
        }); 
        document.getElementById("GFG").innerHTML 
                = obj.var1 + ", " + obj.gender;  
    </script> 
</body> 
  
</html>                    

输出:

支持的浏览器:下面列出了JavaScript JSON parse()方法支持的浏览器:

  • Chrome 4.0
  • Firefox 3.5
  • Opera 11.0
  • Internet Explorer 8.0
  • Safari 4.0


相关用法


注:本文由纯净天空筛选整理自AkshayGulati大神的英文原创作品 JavaScript | JSON parse() Method。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。