dav*_*ler 5 typescript typescript-typings
我有以下初始对象
const initialValues = { name: 'Jon', email: 'jon@me.com' }
Run Code Online (Sandbox Code Playgroud)
我想创建一个相同的对象,除了所有值都在,boolean并且默认为false. 像这样
const expected = { name: false, email: false }
Run Code Online (Sandbox Code Playgroud)
我创建了以下功能,它可以满足我的要求
const expected = cloneWithDefaults<typeof initialValues>(initialValues)
function cloneWithDefaults<T>(values: T) {
type U = { [K in keyof T]: boolean }
const keys = Object.keys(values) as Array<keyof T>
const partial: Partial<U> = keys.reduce<Partial<U>>((acc, cur) => {
acc[cur] = false
return acc
}, {})
const final = partial as U
return final
}
Run Code Online (Sandbox Code Playgroud)
我还创建了一个不使用 reduce 的第二个版本
function createCloneWithDefaultsV2<T extends { [key: string]: unknown }>(values: T) {
type U = { [K in keyof T]: boolean }
const keys = Object.keys(values) as Array<keyof U>
const partial: Partial<U> = {}
for (let k in keys) {
partial[k] = false
}
const final = partial as U
return final
}
Run Code Online (Sandbox Code Playgroud)
我想知道是否有更好/更简洁的方法来做到这一点。as如果可能的话,我特别想摆脱这两种用法。
在 v2 中,我想知道是否有任何偏好而unknown不是any.
我会这样写:
function cloneWithDefaults<T>(values: T) {
return <{[key in keyof T]: boolean}> Object.entries(values).reduce((p, [k, v]) => Object.assign(p, { [k]: false }), {});
}
const initialValues = { name: 'Jon', email: 'jon@me.com' };
const expected = cloneWithDefaults(initialValues);
Run Code Online (Sandbox Code Playgroud)
由于reduce()调用,我看不到没有强制转换的选项。(无论是来自部分还是来自任何。)请注意,Object.entries() 要求downlevelIterationts 编译器选项为 true ( https://www.typescriptlang.org/docs/handbook/compiler-options.html )。
| 归档时间: |
|
| 查看次数: |
2251 次 |
| 最近记录: |