JSON支持什么对象/类型？

电玩女神 2022-05-26 00:46 100阅读 0赞

当一个面试官问你： JSON都支持什么对象/类型？你怎么回答？

也许他的本意是下面这个答案：

JSON格式支持的数据类型有以下：

<table style="margin:0px;padding:0px;border-spacing:0px;border:1px solid #C0C0C0;float:left;"> 
 <tbody style="margin:0px;padding:0px;"> 
  <tr style="margin:0px;padding:0px;"> 
   <th style="margin:0px;padding:3px;border-color:#C0C0C0;border-collapse:collapse;background-color:rgb(219,219,219);">类型</th> 
   <th style="margin:0px;padding:3px;border-color:#C0C0C0;border-collapse:collapse;background-color:rgb(219,219,219);">描述</th> 
  </tr> 
  <tr style="margin:0px;padding:0px;"> 
   <td style="margin:0px;padding:3px;border-color:#C0C0C0;border-collapse:collapse;">Number</td> 
   <td style="margin:0px;padding:3px;border-color:#C0C0C0;border-collapse:collapse;">在JavaScript中的双精度浮点格式</td> 
  </tr> 
  <tr style="margin:0px;padding:0px;"> 
   <td style="margin:0px;padding:3px;border-color:#C0C0C0;border-collapse:collapse;">String</td> 
   <td style="margin:0px;padding:3px;border-color:#C0C0C0;border-collapse:collapse;">双引号的反斜杠转义的Unicode</td> 
  </tr> 
  <tr style="margin:0px;padding:0px;"> 
   <td style="margin:0px;padding:3px;border-color:#C0C0C0;border-collapse:collapse;">Boolean</td> 
   <td style="margin:0px;padding:3px;border-color:#C0C0C0;border-collapse:collapse;">true 或 false</td> 
  </tr> 
  <tr style="margin:0px;padding:0px;"> 
   <td style="margin:0px;padding:3px;border-color:#C0C0C0;border-collapse:collapse;">Array</td> 
   <td style="margin:0px;padding:3px;border-color:#C0C0C0;border-collapse:collapse;">值的有序序列</td> 
  </tr> 
  <tr style="margin:0px;padding:0px;"> 
   <td style="margin:0px;padding:3px;border-color:#C0C0C0;border-collapse:collapse;">Value</td> 
   <td style="margin:0px;padding:3px;border-color:#C0C0C0;border-collapse:collapse;">它可以是一个字符串，一个数字，真的还是假（true/false），空(null&nbsp;)等</td> 
  </tr> 
  <tr style="margin:0px;padding:0px;"> 
   <td style="margin:0px;padding:3px;border-color:#C0C0C0;border-collapse:collapse;">Object</td> 
   <td style="margin:0px;padding:3px;border-color:#C0C0C0;border-collapse:collapse;">无序集合键值对</td> 
  </tr> 
  <tr style="margin:0px;padding:0px;"> 
   <td style="margin:0px;padding:3px;border-color:#C0C0C0;border-collapse:collapse;">Whitespace</td> 
   <td style="margin:0px;padding:3px;border-color:#C0C0C0;border-collapse:collapse;">可以使用任何一对中的令牌</td> 
  </tr> 
  <tr style="margin:0px;padding:0px;"> 
   <td style="margin:0px;padding:3px;border-color:#C0C0C0;border-collapse:collapse;">null</td> 
   <td style="margin:0px;padding:3px;border-color:#C0C0C0;border-collapse:collapse;">empty</td> 
  </tr> 
 </tbody> 
</table>

但我还真不这么认为，我认为支持任意对象类型，只要是接收容器里面存在的就可以。

可以使用下面的示例来证明：

<!DOCTYPE html>
    <html lang="zh-CN">
    <head>
    <meta charset="utf-8">
    <script src="../resources/js/jquery-1.8.3.min.js"></script>
    </head>
    <body></body>
    </html>
    <script>
        function ClassA(sColor) {
            this.color = sColor;
            this.sayColor = function() {
                alert(this.color);
            };
        }
    
        function strToJson(str) {
            var json = eval('(' + str + ')');
            return json;
        }
    
        jQuery.ajax({
            type : "get",
            cache : false,
            dataType : "text",
            url : "simple.json",
            success : function(data) {
                alert(data);
                var _json = strToJson(data);
                _json.testcolor.sayColor(); // 这里是我们想看的效果
            },
            error : function() {
                alert('对不起，服务请求异常！');
            }
        }); 
    </script>

simple.json文件内容：

{
        "retCode": "0000",
        "retMsg": "Success",
        "testcolor": new ClassA("red"),
        "retList": {
            "le1": {
                "price": "4800000",
                "commId": "56761"
            },
            "le2": {
                "price": "4800000",
                "commId": "56761"
            }
        }
    }

注意上面代码里面的 dataType : "text"

因为Jquery源码里面是用下面的方式转换的，我们需要更加原始的方式，所以我替换成了自定义的strToJson(str)

Jquery源码：

// Evaluates a script in a global context
        // Workarounds based on findings by Jim Driscoll
        // http://weblogs.java.net/blog/driscoll/archive/2009/09/08/eval-javascript-global-context
        globalEval: function( data ) {
            if ( data && core_rnotwhite.test( data ) ) {
                // We use execScript on Internet Explorer
                // We use an anonymous function so that context is window
                // rather than jQuery in Firefox
                ( window.execScript || function( data ) {
                    window[ "eval" ].call( window, data );
                } )( data );
            }
        },

其实JSON就是字符串，需要前端进行eval转换，所以不能简单的说json支持什么对象，或者支持什么数据类型。

注意提问方式，需要更加严谨提出我们想要提问的问题。

作者： [zhoulf][]  
出处： [http://www.cnblogs.com/zhoulf/][zhoulf]  
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接。

[zhoulf]: http://www.cnblogs.com/zhoulf