TypeScript:从类型的值中排除"null“和”undefined
TypeScript是一种静态类型的编程语言，它是JavaScript的超集，为JavaScript添加了类型检查和编译时错误检测的功能。在TypeScript中，可以使用类型注解来声明变量、函数参数和返回值的类型。
从类型的值中排除"null"和"undefined"是TypeScript中的一个常见需求，可以通过使用联合类型和类型守卫来实现。
联合类型是指可以表示多种类型之一的类型。在TypeScript中，可以使用"|"符号将多个类型组合成一个联合类型。要从类型的值中排除"null"和"undefined"，可以将这两个类型排除在联合类型之外。
例如，假设有一个名为"result"的变量，它可以是字符串类型或者"null"和"undefined"之外的其他类型。可以将其声明为联合类型"string | number | boolean"，这样就排除了"null"和"undefined"。
let result: string | number | boolean;在使用这个变量时，可以使用类型守卫来判断其具体的类型，并进行相应的操作。类型守卫可以使用类型断言、typeof操作符、instanceof操作符等方式来实现。
if (typeof result === "string") {
// 处理字符串类型的情况
} else if (typeof result === "number") {
// 处理数字类型的情况
} else if (typeof result === "boolean") {
// 处理布尔类型的情况
} else {
// 处理其他类型的情况
}TypeScript的优势在于它可以提供静态类型检查，减少在开发过程中的错误，并提供更好的代码提示和自动补全功能。它还可以通过编译将TypeScript代码转换为JavaScript代码，使其可以在任何支持JavaScript的环境中运行。
TypeScript的应用场景包括但不限于：
- 大型项目开发：TypeScript的类型检查和模块化系统可以帮助开发人员更好地组织和维护大型代码库。
- 前端开发：TypeScript可以增强JavaScript的开发体验，提供更好的代码提示和错误检测。
- 后端开发：TypeScript可以用于开发Node.js应用程序，提供更好的代码组织和错误检测。
- 桌面应用程序开发：TypeScript可以与Electron等框架结合使用，开发跨平台的桌面应用程序。
腾讯云提供了云计算相关的产品和服务，其中与TypeScript相关的产品包括：
- 云函数（Serverless Cloud Function）：腾讯云的无服务器计算服务，可以使用TypeScript编写云函数的代码。详情请参考：云函数产品介绍
- 云开发（CloudBase）：腾讯云的一站式后端云服务，支持使用TypeScript进行后端开发。详情请参考：云开发产品介绍
- 云原生应用平台（Tencent Kubernetes Engine，TKE）：腾讯云的容器服务平台，支持使用TypeScript进行容器化应用程序的开发和部署。详情请参考：云原生应用平台产品介绍
以上是关于TypeScript从类型的值中排除"null"和"undefined"的完善且全面的答案。
相关·内容
我有一个代码，看起来如下(T是一个通用的)：
if (!(item as Exclude<T, null | undefined>).hasOwnProperty(this.idKey)) {
throw new Error("...");
}
我得到一个TypeScript错误：
TS2339: Property 'hasOwnProperty' does not exist on type 'Exclude '.
如果hasOwnProperty是Object类的一个方法，那么这种类型怎么可能没有Object呢？在null
浏览 18提问于2022-05-24得票数 1
根据，如果在TypeScript中启用了严格的空检查，则不能将null或undefined赋值给变量，除非在联合中显式允许它。
// required value
let req: string;
req = "Something"; // OK
req = null; // Error
req = undefined; // Error
// nullable value
let nbl: string | null;
nbl = "Something"; // OK
nbl = null; // OK
nbl = undefined
浏览 0提问于2019-07-28得票数 60
回答已采纳
我正在用Typescript编写一个泛型函数，以获取一个字符串值，并检查它是null、undefined还是一个空字符串，然后返回null，或者如果它是一个实际值，则返回trimmed。 具有讽刺意味的是，我遇到的问题是，在return stringValue.trim();的第二行的函数中，我得到了错误Object is possibly null or undefined，但我不确定我可以做什么检查来修复它。 这是我目前的功能： const sanitize = (stringValue: string | undefined | null) => {
let empt
浏览 13提问于2020-04-09得票数 0
回答已采纳
在之后，我有一个函数从数组(但不是undefined)中移除null元素：
// JavaScript
const dropNull = arr => {
return arr.flatMap((f) => (f === null ? [] : f));
};
现在，我想使用TypeScript严格定义函数的输入和输出类型：
输入：任意数组
输出：任何不包含null的数组
显示了非常类似的情况，但与我的情况相反:他们希望允许null但限制undefined，而我希望限制null和undefined。因此，在答案的启发下，我做了相反的调整：
type NonN
浏览 6提问于2022-03-07得票数 0
2回答
我正在设置一个非常基本的类型记录项目，并在声明变量类型时得到一个看似无关的错误。我试图表达一个变量既可以是字符串，也可以是null，也可以是未定义的编辑--我知道这是字符串的缺省值，我试图在使用typescript 2.0的非空类型时表示这一点。下面是一个截图，截图中的线条和错误都很糟糕：
代码(以“^”s表示的违规代码)：
var testMessage: string | null | undefined;
^^^^ ^^^^^^^^^
class TestClass {
testMessage: string | null | u
浏览 5提问于2016-08-10得票数 0
回答已采纳
我正在浏览一些旧代码，在这里我遇到了下面的代码片段：
let isNew: boolean = null
let myName: string = undefined
代码片段意味着typescript允许类型为boolean的isNew接受null，而允许string类型的myName接受undefined？
这是否意味着空和未定义在typescript 中被归类为其他类型的子类型？
如果我错了，请纠正我。需要建议和明确！
浏览 1提问于2020-11-17得票数 0
我是Typescript的新手，在使用打字本解决LeetCode问题时遇到了符号\\。我猜它定义了默认变量类型。有人能详细说明一下吗。
/**
* Definition for a binary tree node.
* class TreeNode {
* val: number
* left: TreeNode | null
* right: TreeNode | null
* constructor(val?: number, left?: TreeNode | null, right?: TreeNode | null) {
*
浏览 1提问于2020-12-17得票数 0
回答已采纳
(我对node、es6和typescript相当陌生。这是我实际正在开发的第一个应用程序)我有以下代码，我试图在typescript中引用这些代码来连接到dynamodb，但我无法理解语法的通用部分： 我试着研究了typescript和es6语法，但没有任何有用的东西。 public readonly getItem = async (
tableName: string,
key: AttributeMap
): Promise<AttributeMap | null> =>
this.dynamodbGet({
TableName: tableName,
浏览 4提问于2019-02-02得票数 2
回答已采纳
1回答
使用空运算符重构此逻辑的正确/最佳方法是什么？
if (value !== undefined && value !== null && typeof value !== 'object') {
// error, when not null/undefined, it must be an object
}
更新
到目前为止，我已经尝试过这一种，虽然看上去有点奇怪，但似乎很有效：
if (typeof (value ?? null) !== 'object') {
// error...
}
这会是一个恰当的对等
浏览 3提问于2020-03-01得票数 0
我正在尝试编写一个函数来从输入中提取一个值。此输入可以是值本身( number、string、null等任何对象除外)，也可以是对象。如果它是一个对象，它可以有一个" value“属性，该属性将包含值(同样，number、string、null等任何对象除外)。
我试着用TypeScript编写这个函数，但它一直在抱怨：
const extractValue = <T>(input: T | { value?: T, [k: string]: unknown }): T | undefined => {
if (typeof input === "obje
浏览 1提问于2021-11-30得票数 0
我使用{}类型来标识TypeScript中的对象，但是它似乎允许任何东西，除了null和undefined
function foo(): {} {
return "string";
}
上面的示例是有效的TypeScript，那么当使用{}时，在TypeScript中声明什么类型？
浏览 0提问于2018-12-23得票数 1
回答已采纳
我正在指定函数的类型。默认情况下，TypeScript类型(截至当前的TypeScript版本)是不可空的。但是，在使用null或undefined运行函数时，不会出现任何错误。
function sayHello(name: string){
console.log(`Hello ${name}`)
}
在上面的代码中，sayHello(undefined)和sayHello(null)都应该失败。
他们目前在TypeScript 3.8.3中所做的事情：
Hello null
Hello undefined
vsCode没有发出警告：
为什么在将非空值设置为null时Type
浏览 2提问于2020-03-27得票数 3
回答已采纳
为什么Typescript允许在那里传递null / undefined？
// "strictNullChecks": false
function someFun(param: (foo: any) => any) {}
someFun(null); // no error - incorrect
someFun(undefined); // no error - incorrect
浏览 0提问于2019-10-24得票数 0
我使用Vue 3和TypeScript与脚本设置标记(<script setup lang="ts"> )。
我经常在一个可合成的内部有一个裁判，看起来如下：
const composableMessage = ref<string | null>(null);
它是一个字符串，一个数字，或者是带有“空”值的东西。我有意使用null而不是undefined来定义“空”，因为我更喜欢它。
然后我有一个带有道具的子组件，如下所示：
defineProps({
messageProp: {
type: String,
required: f
浏览 14提问于2022-02-10得票数 4
回答已采纳
在下面的示例中，变量boolOrNull从来不是未定义的，条件总是正确的，为什么TypeScript不抱怨呢？
let boolOrNull: boolean | null = null;
if (boolOrNull !== undefined) {
console.log(123);
}
浏览 1提问于2022-10-26得票数 1
回答已采纳
我目前正在将一个大型TypeScript代码基转换为严格的空检查。代码库有许多类型，具有可选成员：
interface MyInterface {
member1?: number;
member2?: string;
}
此外，它使用的是Nullable<T> = T | null类型，并且有许多return null语句。
现在，我面临许多编译器错误，这些错误基本上说明T | null不能转换为T | undefined，反之亦然，如下例所示：
interface MyInterface {
member1?: number;
member2?: string;
浏览 3提问于2020-09-15得票数 4
回答已采纳
由于我无法解释的与泛型相关的错误，TypeScript编译失败。我已经创建了一个最小的示例： interface Processor<T> { process(data:T):void; }
class ArrayProcessor<T> implements Processor<Array<T>|null> { process(data:Array<T>|null):void {} }
// intention (Java syntax, TS?): ... `implements Processor<List<?
浏览 59提问于2021-07-30得票数 1
回答已采纳
我试图找出正确的方法来构造返回的对象。
以下是TypeScript代码：
const id = 1;
const { film: { title, director } } = await getEvent({ id });
在title和director：Property does not exist on type film下面都有一个错误。当我在film上悬停时，它显示了类型：
(property) film?: {
title?: string | null | undefined;
director?: string | null | undefined;
.
浏览 6提问于2021-12-15得票数 3
回答已采纳
1回答
当我尝试使用没有默认值的useState钩子时，它的类型不正确。它在可能的类型中不包括undefined。例如，在组件下面：
type Color = 'blue' | 'yellow' | 'red';
const MyComponent: React.FC = () => {
const [color, setColor] = useState<Color>();
color.toLocaleLowerCase();
return null;
};
color被键入为Color，因此color.toLoc
浏览 2提问于2020-06-16得票数 0
回答已采纳
因为TypeScript是强类型的，所以简单地使用if () {}来检查null和undefined听起来并不正确。
TypeScript是否有专门的函数或语法来实现这一点？
浏览 6提问于2015-03-11得票数 522
let value = null; // why infered as "any"?
为什么typescript会推断用"let“定义的变量的值类型为"any”，如果它是用"null“值初始化的？这样做的目的是什么？
浏览 4提问于2021-10-17得票数 0
我正在努力找出我做错了什么，让TypeScript明白props.user是UserInterface类型的，任何建议或指示都会令人惊奇。
vue@3.1.1，typescript@4.2.2，类星体@2.0.0-rc.3。这更像是一个本地的VueJS或TypeScript问题，而不是任何与类星体有关的问题。
UserInterface供参考：
export default interface UserInterface {
id: number,
email: string,
name: string,
agent_id: string
}
构成部分：
<templat
浏览 2提问于2021-06-21得票数 10
回答已采纳
1回答
可选支柱类型检查中的错误
、、、
我正在写，反应，类型记录和有问题的可选的道具类型检查。下面是我的代码：
import PropTypes from 'prop-types';
interface InputNumberProps {
className?: string | string[];
}
export const InputNumberAutosize = (props: InputNumberProps, ref: refType) => {
...
}
const InputNumberAutoSizeComponent = React.forwardRef(Inp
浏览 6提问于2020-11-10得票数 2
回答已采纳
在C#中，可以通过引用传递参数。例如：
private void Add(ref Node node)
{
if (node == null)
{
node = new Node();
}
}
Add(ref this.Root);
执行Add(ref this.Root)后，this.Root不会为null
从我在TypeScript中看到的情况来看，通过引用传递参数是不可能的。这段代码：
private addAux(node: Node): void {
if
浏览 0提问于2017-07-17得票数 4
在某些情况下，我设置了const的类型，而TypeScript忽略了它。特别是，有时我添加| undefined和TypeScript忽略了一个事实，即值可能是未定义的。我是不是遗漏了什么？
我正在从Array或NodeList中获取一个元素。我把它保存在let或const中。默认情况下，TypeScript假定数组访问永远不会失败。我知道这种特定的数组访问很可能会失败。我试图标记表达式的类型，所以以后尝试使用它时，不要忘记检查undefined。下面是一个例子：
const myArray = ["a", "b", "see", "d&
浏览 13提问于2022-07-19得票数 2
回答已采纳
我有一个简单的对象，有两个字段name和age，最初它们被定义为未定义的，稍后在代码中将赋值 const s={
name:undefined,
age:undefined
}
s.name="Test" //error 当我尝试为我的属性赋值时，它会出现typescript错误 Type '"Test"' is not assignable to type 'undefined'. 有人能解释为什么我在typescript中遇到这个错误以及如何修复它吗？
浏览 31提问于2021-07-30得票数 2
回答已采纳
我的目标是在isNull中编写谓词函数(例如，isUndefined和TypeScript )，满足以下条件：
可以单独使用：array.filter(isNull)
可以逻辑组合：array.filter(and(not(isNull), not(isUndefined)))
使用类型保护，以便TypeScript知道例如，array.filter(isNull)的返回类型将是null[]
组合谓词可以在不中断类型推断的情况下提取到新的谓词函数中：const isNotNull = not(isNull)
前两个条件很容易实现：
type Predicate = (i
浏览 0提问于2019-02-21得票数 9
回答已采纳
我有以下功能，它与类似，但适合我自己的需要：
/**
* Checks if a value is empty.
* It will return true for the following cases:
* null, undefined, empty string, empty Set, empty Map, an object without properties.
* @param input Can be any value.
* @example
*
* isEmpty([1, 2, 3]); //=> false
* isEmpty([])
浏览 3提问于2018-12-06得票数 0
回答已采纳
TypeScript应该能够从三元操作符中推断特定的嵌套值不能被定义。但事实并非如此。只有当我将空断言操作符!插入到代码中以指示值不是null或未定义时，它才能工作。
我有一个带有props接口和accounts字段的函数反应组件。
export interface IAccountState {
[key: string]: {
address?: string;
};
}
accounts: IAccountState;
在return语句中，我有一个三元操作符，用于检查该值是否未定义。
{!this.props.accounts[this.props.network]
浏览 2提问于2020-11-09得票数 3
回答已采纳
我正在将ASP.NET WebForms的Focus.js (嵌入在System.Web.dll中)转换为TypeScript (因为我正在维护一个大量使用ASP.NET WebForms的股票客户端脚本的WebForms项目)。
这是来自JavaScript的原始WebForm_IsInVisibleContainer函数Focus.js
function WebForm_IsInVisibleContainer(ctrl) {
var current = ctrl;
while((typeof(current) != "undefined") &&a
浏览 1提问于2019-12-01得票数 1
回答已采纳
如何键入将任何内容转换为安全数组的函数？
toArray(null) // []: []
toArray(undefined) // []: []
toArray([]) // []: []
toArray({}) // [{}]: {}[]
toArray(0) // [0]: number[]
toArray('') // ['']: string[]
toArray(['']) // ['']: string[]
toArray([1]) // [1]: number[]
我目前有：
function toArray<
浏览 1提问于2021-11-11得票数 1
回答已采纳
1回答
在将代码从flow转移到js时，我有以下函数： export function nullOrUndefined(val: mixed): boolean %checks {
return val === null || val === undefined;
} 可以很容易地将其移动到typescript (将mixed更改为unknown) 但是，它的用法如下： const mappedData: Map<string, string> = new Map([["key", "value"]]);
const value: undefine
浏览 23提问于2021-07-23得票数 0
回答已采纳
如何让TypeScript知道一个函数验证了一个项是否包含给定键？
例如：
function doesItemHaveKey(item: any, key: string): boolean {
return typeof item === 'object' && item !== null && typeof item[key] !== 'undefined';
}
interface testInterface {
optional?: string;
some: string;
}
let testObj:
浏览 36提问于2020-02-06得票数 0
回答已采纳
在下面的示例中，TypeScript没有看到parameters.a和parameters.b是否有未定义的值，而在transformValue(parameters.a)行中，不能被定义为：
type Example = {
a?: string,
b?: string
}
function example(parameters: {
a?: string,
b?: string,
skipA?: boolean,
skipB?: boolean
}): Example {
const shouldReturnA = typeof
浏览 2提问于2020-08-30得票数 0
回答已采纳
在使用非null断言操作符时，Typescript编译器将非未定义和非null检查发送到结果JS中似乎是合理的。即： function fun1(node: SomeType | undefined) {
fun2(node!);
} 应转换为： function fun1(node) {
if (node === undefined || node === null) {
throw new Error('The non-null assertion failed!');
}
fun2(node);
} 然而，正如文档所说，它
浏览 119提问于2019-02-27得票数 2
1回答
为什么这些类型不兼容？
、、、
我有这样一种价值类型：
export type Value = {
__typename?: 'Value',
key?: Maybe<Scalars['String']>,
label?: Maybe<Scalars['String']>,
value?: Maybe<Scalars['String']>,
};
以及一个查询结果类型(生成的阿波罗钩子)如下：
Maybe<Maybe<{
__typename?: "Value" | und
浏览 2提问于2020-03-04得票数 0
2回答
useRef(null)和useRef(undefined) (或者仅仅是useRef())有什么不同？
在TypeScript中，结果以不同的类型结束：
const undefinedRef: React.MutableRefObject<undefined> = useRef(undefined)
conse noArgRef: React.MutableRefObject<undefined> = useRef()
const nullRef: React.MutableRefObject<null> = useRef(null)
当将ref传递给另
浏览 4提问于2020-05-06得票数 6
变量以空引用开头，例如，它可能是其中之一：
const myString = ref();
const myString = ref('');
const myString = ref<string>();
const myString = ref<string | null>();
const myString = ref<string | null>(null);
const myString = ref<string | undefined>();
const myString = ref<string | undef
浏览 3提问于2022-02-12得票数 4
我不能理解TypeScript的类型推断。我认为这应该是有效的，不需要我指定T的类型
export const deflt = <T>(val: (T | undefined | null), defaultVal: T): T => {
if (val === undefined || val === null) {
return defaultVal;
}
return val;
}
function maybeLabelName(name: string | undefined) {
return deflt(name, 'untitl
浏览 36提问于2018-11-26得票数 5
2回答
我刚从TypeScript开始，所以请记住。我试图在React/TS中实现一个简单的文件上传。通常，我认为我不了解如何初始化对象，比如在useState中，并正确地处理各种可能性。例如，考虑以下代码，当用户单击Upload按钮并尝试从状态读取文件并放入formData将其发送到api端点时，我将运行函数)：
const [fileSelected, setFileSelected] = React.useState<File>() // also tried <string | Blob>
const handleImageChange = function (e:
浏览 2提问于2020-10-22得票数 14
回答已采纳
3回答
在TypeScript中，是否有一种真实的类型？
我有这样的方法: Object.keys(lck.lockholders).length；enqueue(k: any，obj?：any)：void顺便说一下，有一种检查空字符串'‘的方法。我想把它转换成：
enqueue(k: Truthy, obj?: any): void
但我不知道如何定义Truthy的类型。顺便说一下，我认为TS有一种检查空字符串'‘的方法。
我之所以想这样做，是因为我不希望用户将null、undefined、''等作为散列的关键。
浏览 0提问于2018-07-17得票数 29
回答已采纳
我正在使用一个具有列表类型的库(uPlot)，其中列表中只有第一个列表必须是数字。AlignedData是由库定义的。对我来说，这看起来完全没问题，因为xValues必须是一个数字(时间)，并且yValues肯定允许(也需要)有空值，因为并非每个值都是每次都可用的。 使用typescript 4.4.2和tsconfig.json中的strict: true，我从typescript得到以下结果。理想情况下，我希望能够让typescript知道，我赋值为null的列表部分是yValues应用的部分。看起来它不能从我添加的保护循环中辨别出来。 type AlignedData = [
浏览 13提问于2021-09-04得票数 0
我想知道在typescript中null和undefined的区别是什么。我知道在javascript中，可以同时使用这两个变量来检查变量是否没有值。但在typescript中，我想确切地知道它们之间的区别，以及什么时候使用它们更好。谢谢。
浏览 5提问于2017-06-14得票数 23
回答已采纳
1回答
下面是我的界面和测试文件。当我针对它运行用于代码覆盖率的jest测试时，它总是说第1行和第2行没有包含在测试中。接口的代码覆盖率甚至是可能的吗？还是应该将任何接口排除在覆盖率报告之外？
index.tsx
export interface StoreState {
languageName: string;
enthusiasmLevel: number;
}
index.test.tsx
import { StoreState } from '../types';
it('has a languageName of "TypeScript&#
浏览 1提问于2018-02-15得票数 5
回答已采纳
2回答
我有一个泛型函数，它将返回泛型类型的对象或null (可能是未定义的)，因此我将| null | undefined添加到返回类型中，但它似乎没有得到应用：
const test = <T>(obj: TypeA<T>): T | undefined | null => {
return someObject[obj];
};
当我查看生成的函数定义时，我得到了const test: <T>(obj: TypeA<T>) => T (没有null或未定义)。这也意味着，如果我这样称呼它：
test<number>(so
浏览 2提问于2021-11-27得票数 1
回答已采纳
非常类似于，但我无法理解为什么部分类型被认为与完整版本不兼容。
我有一个单元测试，检查如果AWS事件中的body无效，lambda是否返回400。为了避免给我的同事造成噪音，我不想用一个完整的invalidEvent的所有属性来创建APIGatewayProxyEvent。因此使用Partial<APIGatewayProxyEvent>。
it("should return 400 when request event is invalid", async () => {
const invalidEvent: Partial<APIGat
浏览 7提问于2021-10-29得票数 2
回答已采纳
我正在使用VS Code，它在使用Typescript时非常有用，因为它告诉您当前的问题不需要传输。我使用的是Typescript和nodeJS，它工作得很好。
我唯一的问题就是所谓的“空/未定义的检查函数”。
参见此示例：
class User {
public someProperty: string | undefined;
// ...
public get canDoSomething() {
return this.someProperty != undefined;
}
}
let myUser: User = ...
这样做很好：
if (
浏览 1提问于2019-06-27得票数 4
回答已采纳
在使用JavaScript的过程中，我遇到了一种常见的TypeScript模式。它是关于：
声明一些"let“变量而不设置它的任何初始值
将此值设置为某些回调中的变量。
在执行回调后使用此变量。
下面是代码示例：
const wait = (cb: Function) => // just example of a possible callback
new Promise((resolve) =>
setTimeout(() => {
cb();
resolve();
}, 1)
);
async
浏览 1提问于2020-05-04得票数 6
回答已采纳
我对TypeScript还是很陌生的，并且尝试在什么时候使用哪种类型的知识和直觉上工作。
你什么时候会用unknown和object？
来自
关于object
object是一种表示非原始类型的类型，即任何非number、string、boolean、symbol、null或undefined的类型。
关于unknown
我们可能需要描述我们在编写应用程序时不知道的变量类型。这些值可能来自动态内容--例如来自用户--或者我们可能希望有意接受API中的所有值。在这些情况下，我们希望提供一个类型，它告诉编译器和将来的读者这个变量可以是任何东西，所以我们给它一个unknown类型。
unkno
浏览 1提问于2020-08-14得票数 4
1回答
我使用的是Typescript 3.0.1。在下面的代码中，为什么第7行没有编译器错误？我以前曾经有过这种行为；它是从Typescript中删除的，还是有一些奇怪的回归？
type A = {type :"a"}
type B = {type :"b"}
type Any = A | B
function get<T extends Any>(x: T["type"]): T|undefined {
switch (x) {
case "x": return undefined
浏览 0提问于2018-08-30得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
