如何使用JSON.parse reviver参数来解析日期字符串

Ale*_*yna 5 javascript debugging json date-parsing reviver-function

我的JSON字符串包含一个返回这样一个值的日期字段:

"2009-04-04T22:55:16.0000000-04:00"
Run Code Online (Sandbox Code Playgroud)

我特别感兴趣的是只解析日期隔间而不是时间.我尝试使用reviver函数,但有趣的是,从不调用reviver函数!(在Firefox上试过)

这是我完成的代码:

var Site = {
.....
dateReviver: function(key, value) {
    var a;
    if (typeof value === 'string') {
        a = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/.exec(value);
        if (a) {
            return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4],
                            +a[5], +a[6]));
        }
    }
    return value;
},
loadArticle: function(id) {
....
    proxy.getArticle(id, function(response) {
        var data = JSON.parse(response.result, Site.dateReviver);
        ....
    });
}
};
Run Code Online (Sandbox Code Playgroud)

loadArticle永远不会调用JSON.parse dateReviver.

我投了一整天但没有运气!有人可以帮帮我吗?

Pau*_*515 7

使用TypeSript,我的解决方案如下:

    export function parseWithDate(jsonString: string): any {
    var reDateDetect = /(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})/;  // startswith: 2015-04-29T22:06:55
    var resultObject = JSON.parse(jsonString,(key: any, value: any) => {
        if (typeof value == 'string' && (reDateDetect.exec(value))) {
            return new Date(value);
        }
        return value;
    });
    return resultObject;
}
Run Code Online (Sandbox Code Playgroud)

最好的世界;-)它使用一个匿名的datereviver,它由JSON.parse在每个属性上调用.reviver逻辑是检查属性是否是字符串类型,如果是,它是否看起来像一个日期的开始...如果它是一个日期,那么让新的Date(值)做实际的解析...所有这种方式支持时区变化.

希望能帮助到你!


Ore*_*ner 6

  1. 正则表达式期望使用“ Zulu”时区(末尾为“ Z”字符),而示例日期时间字符串则显示数字时区(“ -04:00”)。以下正则表达式将接受两种:

    /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)(Z|([+\-])(\d{2}):(\d{2}))$/
    
    Run Code Online (Sandbox Code Playgroud)

    如果时区数字不为零,则您可能需要在解析和/或转换为UTC之后实际修改日期,以遵守时区。

  2. 我可以看到dateReviver()被击中了。在浏览器中尝试以下操作:

    <!-- saved from url=(0014)about:internet -->
    <html>
        <head>
            <script src="http://www.json.org/json2.js"></script>
            <script type="text/javascript" src="http://ajax.Microsoft.com/ajax/jQuery/jquery-1.3.2.js"></script>
            <script>
                $(function () {
                    // a mock proxy to return some json to play with
                    var proxy = {
                        getArticle: function(id, foo) { foo({
                            result: '["2009-04-04T22:55:16.0000000-04:00"]'
                        }); }
                    };
                    // the origial Site object, with the fixed regex
                    var Site = {
                        dateReviver: function(key, value) {
                            var a;
                            if (typeof value === 'string') {
                                a = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)(Z|([+\-])(\d{2}):(\d{2}))$/.exec(value);
                                if (a) {
                                    return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4],
                                                    +a[5], +a[6]));
                                }
                            }
                            return value;
                        },
                        loadArticle: function(id) {
                            proxy.getArticle(id, function(response) {
                                var data = JSON.parse(response.result, Site.dateReviver);
                                // put the parsed JSON date on the page
                                $("#output").html(data[0].toString());
                            });
                        }
                    };
                    // try out our Site object
                    Site.loadArticle();
                });
            </script>
        </head>
        <body>
            <div id="output"></div>
        </body>
    </html>
    
    Run Code Online (Sandbox Code Playgroud)

    我在浏览器中得到以下指示成功解析的信息:

    Sat Apr 4 15:55:16 PDT 2009
    
    Run Code Online (Sandbox Code Playgroud)