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

Question

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

"2009-04-04T22:55:16.0000000-04:00"

我对仅解析日期部分而不是时间特别感兴趣。我尝试使用 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);
        ....
    });
}
};

loadArticle 中的 JSON.parse 从不调用 dateReviver。

我投入了一整天但没有运气！有人可以帮我吗？

Answer 1

使用 TypeScript，我的解决方案如下：

    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;
}

最好的;-)
它使用匿名 datereviver，由 JSON.parse 对每个属性调用。
恢复逻辑是检查该属性是否是字符串类型，如果是，则它是否看起来像日期的开始......
如果它是日期，则让 new Date(value) 进行实际解析...所有时区变化都以这种方式支持。

希望有帮助！

Answer 2

1. 正则表达式需要“Zulu”时区（末尾有“Z”字符），而示例日期时间字符串显示数字时区（“-04:00”）。以下正则表达式将接受两者：

   <前><代码>/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\ d{2}(?:\.\d*)?)(Z|([+\-])(\d{2}):(\d{2}))$/

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

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

   
   
       <头>
           <脚本 src="http://www.json.org/json2.js">
           <脚本类型=“text/javascript”src=“http://ajax.Microsoft.com/ajax/jQuery/jquery-1.3.2.js”>
           <脚本>
               $(函数(){
                   // 一个模拟代理，用于返回一些 json 来使用
                   var 代理 = {
                       getArticle: 函数(id, foo) { foo({
                           结果: '["2009-04-04T22:55:16.0000000-04:00"]'
                       }); }
                   };
                   // 原始 Site 对象，具有固定的正则表达式
                   var 站点 = {
                       dateReviver：函数（键，值）{
                           变量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);
                               如果（一）{
                                   返回新日期(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4],
                                                   +a[5], +a[6]));
                               }
                           }
                           返回值；
                       },
                       加载文章：函数（id）{
                           proxy.getArticle(id, 函数(响应) {
                               var data = JSON.parse(response.result, Site.dateReviver);
                               // 将解析后的 JSON 日期放到页面上
                               $("#output").html(data[0].toString());
                           });
                       }
                   };
                   // 尝试我们的 Site 对象
                   Site.loadArticle();
               });
           
       
       <正文>
           
   
       
   
   

   我在浏览器中看到以下内容，表明解析成功：

   2009 年太平洋夏令时间 4 月 4 日星期六 15:55:16
   

Answer 3

扩展 jQuery.ajax 转换器设置对我来说效果很好，从默认设置

"text json": jQuery.parseJSON

到

"text json": function (xmlValue) {
            var value = JSON.parse(xmlValue, Site.dateReviver);
      return value;
      } 

Answer 4

使用return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4], +a[5], +a[6 ]));

不会调整时区信息的日期，即示例中的 -4:00。

另一种方法是让 Date() 为您进行解析：

var dateReviver = function (key, value) {
    var a;
    if (typeof value === 'string') {
        a = Date.parse(value);
        if (a) {
            return new Date(a);
        }    
    }
    return value;
}

如果 JSON 已使用 JSON.stringify() 进行格式化，那么它将采用 UTC (Z) 格式。

Answer 5

function dateReviver (k,v) {

    var isnum = /^\d+$/.test(v);

    // Check if number since Date.parse(number) returns valid date
    if (isnum) {
        return v;
    }

    if (Date.parse(v)) {
        return new Date(Date.parse(v));
    }
    return v;
}

Answer 6

嵌入式解决方案

const jsonDateRegexp = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})\.(\d{3})Z$/;

function jsonRetriever(key: string, value: any) {
  // let's try to detect input we dont have to parse early, so this function is as fast as possible
  if (typeof value !== 'string') {
    return value;
  }

  const dateMatch = jsonDateRegexp.exec(value);

  if (!dateMatch) {
    return value;
  }

  return new Date(
    Date.UTC(
      +dateMatch[1],
      +dateMatch[2] - 1,
      +dateMatch[3],
      +dateMatch[4],
      +dateMatch[5],
      +dateMatch[6],
      +dateMatch[7],
    ),
  );
}

export function parseJsonWithDates(input: string) {
  return JSON.parse(input, jsonRetriever);
}

Answer 7

我今天遇到了这个问题，我的方法与其他人提供的方法不同。

如果您提前知道包含日期的键，则可以像这样编写 reviver：

export const jsonDateReviver = (keysToParse: Record<string, boolean>) => (key: string, value: any) => {
  if (keysToParse[key]) {
    if (Array.isArray(value)) {
      return value.map(v => new Date(v));
    }
    return new Date(value);
  }
  return value;
};

然后可以像这样使用它：

JSON.parse(data, jsonDateReviver({ lastModifiedAt: true }))

或者您可以拥有一个全局 keysToParse 对象，而不是每次都重新定义它