如何在TypeScript中动态从一个对象复制值到’this’，而不修改目标对象？

huangapple
go评论131阅读模式
英文:

How to copy values dynamically from one object to 'this' without modifying the destination in Typescript?

问题

以下是您要翻译的内容：

"After searching everywhere, I didn't find a working answer.

How to map values dynamically from one object to 'this' without modifying the target in Typescript?

  1. const bigTodo = {
  2.   name: "aaaaaaa",
  3.   unwantedProperty: "Nooooooo"
  4. }
  6. export class SmallTodo {
  7.     name: string;
  9.     constructor(bigTodo: any){
  10.         _.assign(this,bigTodo)       // NOT working
  11.         _.assignIn(this,bigTodo)     // NOT working
  12.         _.merge(this,bigTodo)        // NOT working
  13.         _.extend(this,bigTodo)       // NOT working
  14.         Object.assign(this, fields); // NOT working
  16.         for (const prop in bigTodo.keys()) { 
  17.           if (this.hasOwnProperty(prop)) {
  18.             this[prop] = bigTodo[prop]; // NOT working not compatible with type 'any'
  19.           }
  20.         }
  21.     }
  22. }

Expected result:

  1. SmallTodo = {
  2.     name: "aaaaaaa"
  3. }

UNWANTED result:

  1. SmallTodo = {
  2.     name: "aaaaaaa",
  3.     unwantedProperty: "Nooooooo"
  4. }
  5. "
英文:

After searching everywhere, I didn't find a working answer.

How to map values dynamically from one object to 'this' without modifying the target in Typescript?

  1. const bigTodo = {
  2.   name: "aaaaaaa",
  3.   unwantedProperty: "Nooooooo"
  4. }
  6. .....
  8. export class SmallTodo {
  9.     name: string;
  11.     constructor(bigTodo: any){
  12.         _.assign(this,bigTodo)       // NOT working
  13.         _.assignIn(this,bigTodo)     // NOT working
  14.         _.merge(this,bigTodo)        // NOT working
  15.         _.extend(this,bigTodo)       // NOT working
  16.         Object.assign(this, fields); // NOT working
  18.         for (const prop in bigTodo.keys()) { 
  19.           if (this.hasOwnProperty(prop)) {
  20.             this[prop] = bigTodo[prop]; // NOT working not compatible with type 'any'
  21.           }
  22.         }
  23.     }
  24. }

Expected result:

  1. SmallTodo = {
  2.     name: "aaaaaaa"
  3. }

UNWANTED result:

  1. SmallTodo = {
  2.     name: "aaaaaaa",
  3.     unwantedProperty: "Nooooooo"
  4. }

答案1

得分: 1

以下是翻译好的部分：

  1. 当您使用某个值初始化属性时，可以在此属性上调用 getOwnProperty。类似于以下方式：
  3. const bigTodo = {
  4.   name: "aaaaaaa",
  5.   unwantedProperty: "Nooooooo"
  6. }
  8. class SmallTodo {
  9.   name: string = "";
  11.   constructor(bigTodo: any) {    
  12.     for (const prop in bigTodo) {
  13.       if (this.hasOwnProperty(prop)) {
  14.         this[prop as keyof typeof this] = bigTodo[prop];
  15.       }
  16.     }
  17.   }
  18. }
  20. console.log(new SmallTodo(bigTodo));
  21. console.log(bigTodo);

如果您需要进一步的翻译或有其他问题，请随时提出。

英文:

When you initialise property with some value you can call getOwnProperty on this. Something like below

  1. const bigTodo = {
  2.   name: "aaaaaaa",
  3.   unwantedProperty: "Nooooooo"
  4. }
  6. class SmallTodo {
  7.   name: string = "";
  9.   constructor(bigTodo: any) {    
  10.     for (const prop in bigTodo) {
  11.       if (this.hasOwnProperty(prop)) {
  12.         this[prop as keyof typeof this] = bigTodo[prop];
  13.       }
  14.     }
  15.   }
  16. }
  19. console.log(new SmallTodo(bigTodo));
  20. console.log(bigTodo);

huangapple
  • 本文由 发表于 2023年3月9日 14:27:29
  • 转载请务必保留本文链接：https://go.coder-hub.com/75681096.html
  • javascript
  • lodash
  • typescript
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定