操作符keyof的作用是什么?

简介: 操作符keyof的作用是什么?

keyof 是 TypeScript 中的一个操作符,用于获取一个类型(通常是一个对象类型或接口)的所有公共属性名组成的字符串字面量联合类型。它常常用于类型安全的属性访问和映射类型的定义。

什么时候使用 keyof

  1. 类型安全的属性访问:当你想要基于某个对象的属性进行类型安全的操作时,可以使用 keyof 来确保属性名的正确性。
  2. 映射类型:当定义映射类型(将一种类型映射为另一种类型)时,keyof 可以帮助你获取原始类型的所有属性名。


与什么搭配?

keyof 通常与 TypeScript 的对象类型、接口、和映射类型搭配使用。

如何使用?

假设我们有一个接口 Person

interface Person {  
    name: string;  
    age: number;  
    address?: string;  
}

  1.获取所有属性名

使用 keyof 获取 Person 的所有属性名:

type PersonKeys = keyof Person;  // "name" | "age" | "address"


 2.类型安全的属性访问

使用 keyof 来确保我们只在 Person 上访问存在的属性:

function getProperty(person: Person, key: keyof Person) {  
    return person[key];  // 这里是类型安全的  
}


3.映射类型

Person 的每个属性值转换为只读(readonly):

type ReadonlyPerson = {  
    [K in keyof Person]: Readonly<Person[K]>;  
};

上述代码中,K 代表 Person 的每一个属性名,然后我们使用 Person[K] 获取该属性的类型,并用 Readonly<T> 将其转换为只读。

       4.过滤某些属性

如果你只想获取 Person 的可选属性,可以使用如下方式:

type OptionalKeys<T> = { [K in keyof T]: T[K] extends Required<T>[K] ? never : K }[keyof T];  
type OptionalPersonKeys = OptionalKeys<Person>;  // "address"


这里我们使用了一个映射类型和条件类型来筛选出所有可选的属性名。




相关文章
|
5月前
|
编译器 C语言
C语言学习记录——操作符详解知识点选记(算术操作符、单目操作符、移位操作符、关系操作符、逻辑操作符、条件操作符......)二
C语言学习记录——操作符详解知识点选记(算术操作符、单目操作符、移位操作符、关系操作符、逻辑操作符、条件操作符......)二
44 3
|
5月前
|
存储 编译器 C语言
C语言学习记录——操作符详解知识点选记(算术操作符、单目操作符、移位操作符、关系操作符、逻辑操作符、条件操作符......)一
C语言学习记录——操作符详解知识点选记(算术操作符、单目操作符、移位操作符、关系操作符、逻辑操作符、条件操作符......)一
36 1
|
6月前
|
C语言
逻辑操作符
条件操作符(三目操作符)是C语言中唯一的三元运算符,形式为:表达式1 ? 表达式2 : 表达式3。如果表达式1为真,执行并返回表达式2的结果;否则,执行并返回表达式3的结果。示例和练习展示了如何使用此操作符来比较和输出两个数中的较大值。
33 1
|
6月前
|
C语言
条件操作符和逻辑操作符(C语言零基础教程)
条件操作符和逻辑操作符(C语言零基础教程)
|
6月前
|
设计模式 存储 算法
【C++ 函数调用操作符】探究C++中的函数调用操作符 基础到高级应用
【C++ 函数调用操作符】探究C++中的函数调用操作符 基础到高级应用
329 0
|
6月前
|
存储 程序员 C++
C/C++ 内存分配 new 操作符:剖析new操作符的实现机制和使用技巧
C/C++ 内存分配 new 操作符:剖析new操作符的实现机制和使用技巧
128 0
|
6月前
|
JavaScript
操作符keyof的作用是什么?
操作符keyof的作用是什么?
|
6月前
|
JavaScript 安全
操作符keyof的作用是什么
操作符keyof的作用是什么
69 3
|
6月前
|
编译器 C++ 索引
C learning_13 操作符前篇(条件操作符、 逗号表达式、 下标引用、函数调用和结构成员、 表达式求值)
C learning_13 操作符前篇(条件操作符、 逗号表达式、 下标引用、函数调用和结构成员、 表达式求值)
|
索引
操作符之关系操作符,逻辑操作符,条件操作符,逗号表达式,下标引用操作符,函数调用操作符,访问结构体成员操作符
操作符之关系操作符,逻辑操作符,条件操作符,逗号表达式,下标引用操作符,函数调用操作符,访问结构体成员操作符