检查 TypeScript 数字上的 null 和空字符串的最简单方法

Posted 2023-03-13

【中文标题】检查 TypeScript 数字上的 null 和空字符串的最简单方法

【英文标题】：Easiest way to check for null and empty string on a TypeScript number

【发布时间】：2016-12-27 16:03:08

【问题描述】：

我很惊讶这个问题没有被问到，所以也许我忽略了显而易见的问题。我有一个应该是数字的表单字段。它的起始值为 null，但是一旦输入并清除了一个数字，它就是一个空字符串。看起来 javascript 将 "" 视为 0 用于数字目的。

所以，与其说...

if ((this.RetailPrice != null && this.RetailPrice != 0) || this.RetailPrice === 0) 
        return this.RetailPrice;
      

有没有办法将 TypeScript 数字类型扩展为具有 IsNullOrEmpty() 方法？或者类似的东西可以简化这个表达式？

---

最终，我想我正在寻找简单的东西......

if (this.RetailPrice) 

【问题讨论】：

你如何设置this.RetailPrice的值？

在输入（类型=数字）上与 Angular 的 ng-model 绑定。我将它定义为我的控制器中的一个数字（用 TypeScript 编写）。

【参考方案1】：

您可以简单地使用 typeof。它还会检查 undefined、null、0 和 ""。

if(typeof RetailPrice!='undefined' && RetailPrice)
   return this.RetailPrice;

【讨论】：

你的代码和简单的 if (RetailPrice) 有什么区别？

if(RetailPrice) 如果变量 RetailPrice 从未被声明会抛出一个 JavaScript 异常 - if(typeof RetailPrice!='undefined' && RetailPrice) 会避免这种情况。

您不应该使用 !== 进行此字符串比较吗？

投反对票。 1. 使用strict 检查来避免javascripts "to falsy" 类型转换 2. 在声明之前使用变量时，typescript 不会编译。

这是错误的答案，它不适用于字符串。 TS 抛出异常：类型 'string' 不可分配给类型 'boolean'。

【参考方案2】：

也排除空白字符串

if(this.retailPrice && this.retailPrice.trim())
   //Implement your logic here

【参考方案3】：

数字字段需要一些不同的条件： if (typeof(numValue) === 'undefined' || numValue == null) ...

【参考方案4】：

对于希望通常区分虚假和非虚假并且愿意安装（小）包的打字稿用户，我发现utility-types 非常有用。

import  isFalsy  from 'utility-types'

if (!isFalsy(foo)) 
  // do something with foo, which you (and the compiler)
  // know is not false | "" | 0 | null | undefined