Typescript 如何将javascript对象减少为仅包含接口中的属性

interface MyInterface {
  test: string;
}

class MyTest implements MyInterface {
  test: string;
  newTest: string;
}

var test: MyTest = {test: "hello", newTest: "world"}

var reduced: MyInterface = test; // something clever is needed

//this code transpiles to empty!
interface MyInterface {
  test: string;
}

class MyInterface {
  test: string = undefined;
}

import _ from 'lodash';  //npm i lodash

const before = { test: "hello", newTest: "world"};
let reduced = new MyInterface();
_.assign(reduced , _.pick(before, _.keys(reduced)));
console.log('reduced', reduced)//contains only 'test' property

Typescript相关问答推荐

创建一个将任意命名类型映射到其他类型的TypScript通用类型

在角形加载组件之前无法获取最新令牌

当类型断言函数返回假时，TypScript正在推断从不类型

将props传递给子组件并有条件地呈现它''

为什么TypeScript假设文档对象始终可用？

有什么方法可以类型安全地包装import()函数吗？

17个Angular 的延迟观察.如何在模板中转义@符号？

为什么TS2339；TS2339；TS2339：类型A上不存在属性a？

在单独的组件中定义React Router路由

Cypress-验证别名的存在或将别名中的文本与'；if'；语句中的字符串进行比较

在REACT查询中获取未定义的isLoading态

如何使用警告实现`RecursiveReadonly<；T>；`，如果`T`是原语，则返回`T`而不是`RecursiveReadonly<；T>；`

如何从抽象类的静态方法创建子类的实例？

仅当类型为联合类型时映射属性类型

如何调整项目数组，但允许权重影响顺序

Vite+Chrome扩展 list v3-；不能在模块外使用import语句；对于inpage脚本

组件使用forwardRef类型脚本时传递props

类型分布在第一个泛型上，但不分布在第二个泛型上

React中的效果挂钩在依赖项更新后不会重新执行

Angular另一个组件的nativeelement未定义