kebabCase
约 534 字大约 2 分钟
2022-12-01
题目
Github: KebabCase
将 camelCase 或 PascalCase 字符串替换为 kebab-case 。
FooBarBaz -> foo-bar-baz
type FooBarBaz = KebabCase<'FooBarBaz'>
const foobarbaz: FooBarBaz = 'foo-bar-baz'
type DoNothing = KebabCase<'do-nothing'>
const doNothing: DoNothing = 'do-nothing'解题思路
使用模板字面量类型，以及条件类型推断，获取字符串中的首个字符和剩下的字符串：
type KebabCase<S extends string, > = S extends `${infer L}${infer O}` ? never : never对于首个字符，因为它总是小写的，所以直接使用 Uncapitalize 将首个字符转为小写。
type KebabCase<S extends string, > = S extends `${infer L}${infer O}`
? `${Uncapitalize<L>}${O}`
: never但是对于剩下的字符串，我们需要考虑其首个字母是否是大写，如果是大写，则需要拼接 - 并转为小写， 如果是小写，则不需要进行处理。
同样的，借助内置类型 Uncapitalize，先将 O 转为小写，然后再使用 T extends Uncapitalize<O> 来判断首字母是否小写
type KebabCase<S extends string, > = S extends `${infer L}${infer O}`
? T extends Uncapitalize<T>
? `${Uncapitalize<L>}${O}`
: `${Uncapitalize<L>}-${O}`
: never很显然，我们还需要对 类型 O 进行递归处理，直到没有剩余的字符串为止。
type KebabCase<S extends string, > = S extends `${infer L}${infer O}`
? O extends Uncapitalize<O>
? `${Uncapitalize<L>}${KebabCase<O>}`
: `${Uncapitalize<L>}-${KebabCase<O>}`
: never别忘了，在不满足 S extends ${infer L}${infer O} 的情况下，需要返回原字符串 S 。
答案
type KebabCase<S extends string, > = S extends `${infer L}${infer O}`
? O extends Uncapitalize<O>
? `${Uncapitalize<L>}${KebabCase<O>}`
: `${Uncapitalize<L>}-${KebabCase<O>}`
: S验证
type cases = [
Expect<Equal<KebabCase<'FooBarBaz'>, 'foo-bar-baz'>>,
Expect<Equal<KebabCase<'fooBarBaz'>, 'foo-bar-baz'>>,
Expect<Equal<KebabCase<'foo-bar'>, 'foo-bar'>>,
Expect<Equal<KebabCase<'foo_bar'>, 'foo_bar'>>,
Expect<Equal<KebabCase<'Foo-Bar'>, 'foo--bar'>>,
Expect<Equal<KebabCase<'ABC'>, 'a-b-c'>>,
Expect<Equal<KebabCase<'-'>, '-'>>,
Expect<Equal<KebabCase<''>, ''>>,
Expect<Equal<KebabCase<'😎'>, '😎'>>,
]