ts typescript 类型声明特殊声明字段数字为key 键时候处理

最新推荐文章于 2025-04-08 15:49:24 发布

Sam young

最新推荐文章于 2025-04-08 15:49:24 发布

阅读量5.2k

点赞数 1

分类专栏：知识点

本文链接：https://blog.csdn.net/young_sam/article/details/119733871

版权

知识点专栏收录该内容

29 篇文章

订阅专栏

本文探讨了如何在JavaScript中使用动态键字，如数字和字符串，定义对象，并展示了如何处理后端返回的键不确定性。通过`NumberKey`和`StringKey`类型导出，以及`Option`对象示例，揭示了在实际开发中的应用技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

数字为键命名

const data :{[key: number]: string} = {
 1: 'a',
 2: 'b'
}

// data[1] = 'a'
// data[2] = 'b'

当后端返回的对象键不确定的时候

const data :{[key: string]: string} = {
 'xxx': 'a',
 'abc': 'b'
}

// data['xxx'] = 'a'
// data['abc'] = 'b'

常用类型

export type StringType = NonNullable<string | null | undefined>;
export type NumberType = NonNullable<number | null | undefined>;
export type BooleanType = NonNullable<boolean | null | undefined>;
export type StringNumberType = NonNullable<string | number | null | undefined>;
/** 以number 作为key的 */
export type NumberKey<T = any> = { [key: number]: T }
/** string 作为key的 */
export type StringKey<T = any> = { [key: string]: T }
export type Option = { label: string; value: string }