js中解析json字符串

                    版权声明：本文为博主原创文章，未经博主允许不得转载。                        https://blog.csdn.net/u014175342/article/details/72773396                    </div>
                                                <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/ck_htmledit_views-cd6c485e8b.css">
                                    <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/ck_htmledit_views-cd6c485e8b.css">
            <div class="htmledit_views" id="content_views">

在js中想要把json字符串转化为js对象的两种方式：

①  JSON.parse()

②  eval()

假设我们有一个json字符串

 
 

   
   

    
    

   
   
   
   

    
    
      
     
     var str = 
     
     '{"friends":[{"name":"梅梅","age":29,"sex":"女"},' +
    
    
   
   

   
   

    
    

   
   
   
   

    
    
            
     
     '{"name":"李华","age":18,"sex":"男"}]' +
    
    
   
   

   
   

    
    

   
   
   
   

    
    
            
     
     '}';
    
    
   
   
 
 

使用 JSON.parse()方法来转化

 
 

   
   

    
    

   
   
   
   

    
    
     
     
     var str = 
     
     '{"friends":[{"name":"梅梅","age":29,"sex":"女"},' +
    
    
   
   

   
   

    
    

   
   
   
   

    
    
            
     
     '{"name":"李华","age":18,"sex":"男"}]' +
    
    
   
   

   
   

    
    

   
   
   
   

    
    
            
     
     '}';
    
    
   
   

   
   

    
    

   
   
   
   

    
    
    
     
     JSON.parse(str);
    
    
   
   
 
 

使用 eval()方法传化：

 
 

   
   

    
    

   
   
   
   

    
    
    
     
     var str = 
     
     '{"friends":[{"name":"梅梅","age":29,"sex":"女"},' +
    
    
   
   

   
   

    
    

   
   
   
   

    
    
            
     
     '{"name":"李华","age":18,"sex":"男"}]' +
    
    
   
   

   
   

    
    

   
   
   
   

    
    
            
     
     '}';
    
    
   
   

   
   

    
    

   
   
   
   

    
    
    
     
     eval(
     
     '('+str+
     
     ')');
    
    
   
   
 
 

注意点：

通过 eval 来转化，如果返回的字符串内容是一个数组，可以直接转化，如果返回的字符串内容是一个对象，必须在字符串的前后加上()

当字符串内容是一个数组时 ，eval()的转化方式：

 
 

   
   

    
    

   
   
   
   

    
    
    
     
     var arr = 
     
     '[{"name":"唐老鸭","sex":"男"},{"name":"红太狼","sex":"女"}]';
    
    
   
   

   
   

    
    

   
   
   
   

    
    
    
     
     eval(arr);
    
    
   
   
 
 

JSON.parse() 和 eval() 的区别

①   eval方法不会去检查给的字符串是否符合json的格式，而JSON.parse解析不满足json格式的字符串时，会报错

②  如果给的字符串中存在js代码eval也会一并执行，比如下面的代码段

 
 

   
   

    
    

   
   
   
   

    
    
    
     
     var str1 = 
     
     '{"log":alert("我被会执行的")}';
    
    
   
   

   
   

    
    

   
   
   
   

    
    
    
     
     eval(
     
     "("+str1+
     
     ")");
    
    
   
   
 
 

执行该代码片段，会将 alert 语句作为js代码来执行，如果我们在开发中建议使用JSON.parse来转化，这样可以避免很多隐患，比如，我们访问第三方提供的接口，返回的串中包含 window.location.href这样的内容，那么执行了就会跳转到不明网站，，，好危险，，所以最好还是使用JSON.parse()来解析。