在打字稿中动态创建对象

问题描述

我正在尝试根据传递给它的参数的数量和类型来动态创建对象数量

我的一般骨骼看起来像这样

interface KeyValue {
  key: string;
  value: string;
}

class CreateObjects {
  //example of how im tyring to make the objects look
  propertyTest: KeyValue = {key: 'Example',value: 'Object'};

  //function that creates objects like above but does so dynamically with unique and iterative property names
  methodTest: ([dynamic number of arguments]){
    [dynamicproperty1]: KeyValue = {key: 'Example',value: argument};
  }

我不知道即时消息是否全部错误，但基本上我不知道会传递多少个参数。可能为1或50+。该参数仅更改“值”键/值对，并且需要将该对象作为其他函数的参数进行访问。

我觉得我缺少创建对象的基本知识，这使这项任务变得如此困难

谢谢

解决方法

您需要解决一些难题。

首先，我们需要添加允许我们在类上设置任何属性的类型。我们可以这样做，如下所示：

class CreateObjects {
    propertyTest: KeyValue = {key: 'Example',value: 'Object'};
    [key: string]: any;

定义方法时，我们希望将所有参数作为数组。我们可以使用...args，它创建一个名为args的数组，并将每个参数传递给该数组：

methodTest(...args: any[]) { }

我没有使用名称“ arguments”，因为这是JavaScript中的reserved keyword。它可以用来解决这个问题，但我认为使用TypeScript时会更加复杂。

最后，我们需要遍历每个参数，并在类上设置一个属性。我们可以这样：

for (let i = 0; i < args.length; i = i + 1) {
    this['Example' + i] = {key: 'Example',value: args[i]};
}

您将有望认识到for循环。我们正在使用“ this”来访问类的属性。这种方法的一个警告是，如果从类外部调用该方法，则“ this”绑定将有所不同，并且属性可能会在其他地方设置。

最后，将所有内容组合在一起，并在底部添加一些测试代码以查看其工作原理：

interface KeyValue {
  key: string;
  value: string;
}

class CreateObjects {
  //example of how im tyring to make the objects look
  propertyTest: KeyValue = {key: 'Example',value: 'Object'};
  [dynamicProperty: string]: any;

  //function that creates objects like above but does so dynamically with unique and iterative property names
  methodTest(...args: any[]) {
    for (let i = 0; i < args.length; i = i + 1) {
        this['Example' + i] = {key: 'Example',value: args[i]};
    }
  }
}

const example = new CreateObjects();
example.methodTest("a",1);
console.log(example.Example0);
console.log(example.Example1);

我不会说我特别喜欢在这样的类上设置属性。您可能想考虑是否可以更改设计以提高从TypeScript获得的安全性。例如，您可以改用一个属性来存储这些对象的数组吗？