如何判断 javascript 字符串是数字还是日期？

Question

我有一个可能是字符串化日期或数字的值。 我想以不同的方式处理每种情况。

日期值可以是任何可以被日期库解析的有效日期字符串，比如 dayjs。 例如：“2020 年 10 月 10 日"10/10/2020" 、 "10-20-2020" ……

数字值可以是实际数字，也可以是字符串形式的数字，因此值如5 、 "5.3" 、 "10" ...

例如 ->

      const number = parseFloat(value);
      if (!isNaN(number)) {
          return NumberValueConverter.prototype.toView(number);
      }

      const date = dayjs(value);
      if (date.isValid()) {
          return DateValueConverter.prototype.toView(value);
      }

但此代码不起作用 - 因为像 10-10-2020、10-10-2020 这样的日期字符串最终会被解析为10

如果我反过来做，dayjs 会将 10 之类的数字转换为有效日期。

Answer 1

当给定的字符串以数字开头时， parseFloat已经很高兴了，所以如果你在那个结果上测试isNaN ，你会得到误报。

所以不要检查结果是否为数字，而是检查原始字符串是否代表数字：

if (!isNaN(number)) {

至：

if (!isNaN(value)) {

或者，您可以使用一元加号代替parseFloat ，它只会在输入表示数字时返回一个确定的数字：

const number = +value;

...然后最好使用Number.isNaN进行测试：

if (!Number.isNaN(number)) {

Answer 2

if(/^[0-9]+[.]{0,1}[0-9]*$/.test(value)) {
     // Handle your number value
} else {
     // Check for date here
}

您可以使用上面的正则表达式来解析数字字符串。

• /^: 指开始你的字符串
• $/: 指你的字符串的结尾
• [0-9]+：字符串的开头是从 0 到 9，最小长度为 1
• [.]{0,1}：可以包含 0 或最多 1 个 '.'
• [0-9]*：字符串末尾可以包含 0 到 9 位数字。

Answer 3

您可以使用正则表达式来测试字符串是否看起来像映射前的日期。 这个正则表达式来自https://www.regextester.com/96683它测试它是否看起来像你传入的日期。

如果您事先不知道格式，还有更复杂的正则表达式可以测试不同格式的日期： https://stackoverflow.com/a/15504877/14948219

 if(([12]\d{3}/(0[1-9]|1[0-2])/(0[1-9]|[12]\d|3[01])).test(value)){
    return date
 } else if(isNan(value){
    return number
    
 }