个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
我有两种不同格式的相同界面，一种是键由低破折号分隔的 JSON 格式，另一种是 javascript camelCase 格式:
JSON 格式:
interface MyJsonInterface {
key_one: string;
key_two: number;
}
interface MyInterface {
keyOne: string;
keyTwo: number;
}
我想防止重复，但不知道正确的方法。我查看了this question但答案并不令人满意，因为我不希望两个界面都使用相同的键。
还有其他方法吗？
最佳答案
让我们将此任务拆分为更小的子任务。首先，您需要编写一个实用程序类型，将 snake_case 转换为 camelCase。让我们专注于它。
看这个:
type Separator = '_'
type Convert<Str extends string, Acc extends string = ''> =
// Check if Str mathes the pattern string_string
(Str extends `${infer Head}${Separator}${infer Tail}`
// If yes, check whether it is a first call or not, because we don't want to capitalize for part of the string
? (Acc extends ''
// This is a first call, because Acc is empty, hence first part should not be capitalized
? Convert<Tail, `${Acc}${Head}`>
// This is not first call, hence Head should be capitalized
: Convert<Tail, `${Acc}${Capitalize<Head>}`>)
// This is the last call, because Str does not match the pattern
: `${Acc}${Capitalize<Str>}`)
现在，我们可以遍历界面并将每个键替换为转换后的键:
type Builder<T> = {
[Prop in keyof T as Convert<Prop & string>]: T[Prop]
}
// {
// oneTwoThreeFourthFiveSixSevenEightNineTen: "hello";
// }
type Result = Builder<{
one_two_three_fourth_five_six_seven_eight_nine_ten: 'hello'
}>
Playground完整代码
反之亦然:
type Separator = '_'
type IsChar<Char extends string> = Uppercase<Char> extends Lowercase<Char> ? false : true;
type IsCapitalized<Char extends string> =
IsChar<Char> extends true
? Uppercase<Char> extends Char
? true
: false
: false
type Replace<Char extends string> =
IsCapitalized<Char> extends true
? `${Separator}${Lowercase<Char>}`
: Char
type Result2 = Replace<'A'>
type CamelToSnake<
Str extends string,
Acc extends string = ''
> =
Str extends `${infer Char}${infer Rest}` ? CamelToSnake<Rest, `${Acc}${Replace<Char>}`> : Acc
// type Result = "foo_bar_baz"
type Result = CamelToSnake<'fooBarBaz'>
关于typescript - 如何使用不同的键名来干燥两个相似的 typescript 界面，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/73432506/
27
4
0
我是一家小型非营利组织的技术总监，我们正在制作一个新网站。我们提出了几个不同主页设计的模型，需要接收董事会成员的意见。是否有在线应用程序/程序/框架可以接收和组织用户评论？我正在寻找允许在查看页面时发
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。 想改善这个问题吗？更新问题，使其成为 on-topic对于堆栈溢出。 4年前关闭。 Improve thi
我阅读了很多关于 java 接口(interface)的文章。我知道你可以实现多态性和其他伟大的东西(函数指针等)。我有理论知识，但有一点点或什至没有。我一直在使用很多已经制作好的界面，比如“Runn
已关闭。此问题旨在寻求有关书籍、工具、软件库等的建议。不符合Stack Overflow guidelines .它目前不接受答案。 我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题，以
我正在尝试在 Windows 7 上编写一个 python 脚本来与我的 Wacom Bamboo Pen 数位板交互。 Wacom 建议使用 WinTab API，它工作正常，但不适用于我的应用程序
我正在研究一种远程访问有关 Linux 服务器统计信息的方法，即 conky会显示。 有没有办法与 conky 交互并获取它显示的统计信息？如果没有，您能否推荐一种获取此类统计数据的好方法？ (C/C
将所有这些代码包装在 UI: do { } block 中的原因是什么？我在哪里可以获得关于它的明确说明？ UI: do { backgroundButton.setImage(UIImage
我需要将 R 连接到某些 C# 应用程序。我安装了 rscproxy_1.3 和 R_Scilab_DCOM3.0-1B5 添加了对 STATCONNECTORCLNTLib、StatConnecto
我正在尝试遍历接口(interface)片段以通过 id 查找我的特定结构并更改属性。 type A struct { ID ID Steps []Step } type Ste
我有两种不同格式的相同界面，一种是键由低破折号分隔的 JSON 格式，另一种是 javascript camelCase 格式: JSON 格式: interface MyJsonInterface
操作系统:Linux。 我正在尝试寻找可能的方法来为我的嵌入式系统实现 Web 界面。 目前有一个外壳(基于文本)和一小组命令用于查询设备。 我是网络开发新手，我的问题是: 我必须使用什么网络服务器？
我正在尝试运行基于 Mechanical Turk Qualtrics 的调查，并且需要一些似乎可以通过 Mechanical Turk API 使用的功能，例如 custom Qualificati
我见过漂亮的 MetroTwit 界面 http://www.metrotwit.com/ ;我想知道使用了哪些 WPF 组件来尝试重现它。 最佳答案 MetroTwit 设计师在这里:) 所有的控件
我有一个小问题。我需要将 Hadoop Web 界面与我们的 Web 应用程序集成。我只需要一个 Hadoop 接口(interface)，我们可以在其中运行一些 hadoop 命令，例如 1
假设我有这个 JavaScript 函数: function updateMainBuff(buff) { // do some stuff } 我的
我试图找出一个窗口是否属于当前的虚拟桌面。 我从 winapi 中找到了 VirtualDesktopManager 类，但即使根据 here 它应该位于“shobjidl.h” header 中，当
关闭。这个问题是opinion-based .它目前不接受答案。 想改进这个问题？更新问题，以便 editing this post 提供事实和引用来回答它. 8年前关闭。 Improve this
我的 Tkinter GUI 界面有问题。文本不会在 shell 中打印，但如果将 Entry 放置在第一个 tk 窗口 get() 中，它就可以工作...帮助我吗？ 这是我的代码: import o
我有一个在 MATLAB 中实现的随机微分方程组。只有 4 个变量与 Euler-Maruyama 集成，所以没有什么太花哨的......不过，技术细节对于这个问题并不重要。 您建议我如何构建一个 W
对于我创建的插件，我想添加一个网络界面，您可以从中更改设置并执行一些简单的数据操作。此数据操作应通过 sqlquerys 完成。我正在使用 sqlite 数据库，这就是问题开始的地方: 网站(serv
我是一名优秀的程序员,十分优秀！