Question

我正在使用一个函数将值推入具有两个参数的数组。在此，第二个参数指示数组的级别。因此，我需要使用此level参数值将值推入该数组。

这是我的代码：

addLevel1(i, level) {
        let advArr1                                 =   {};
        let nextLevel                               =   parseInt(level)+1
        advArr1["level"+level+"_adv_url"]           =   "";
        advArr1["level"+level+"_custom_variables"]  =   "";
        advArr1["level"+level+"_percentage"]        =   "";
        advArr1["level"+level+"_status"]            =   "";
        advArr1["level"+nextLevel]                  =   [];
        this.containers[i].level1.push(advArr1);
        console.log(this.containers);
};

在这种理解中

this.containers[i].level1.push(advArr1);

我需要第1级的动态谷歌。也就是说，如果参数级别为1，则应该为

this.containers[i].level1.push(advArr1);

如果参数级别为2，则为

this.containers[i].level2.push(advArr1);

Answer 1

对象的含义是您可以轻松地按名称查找属性。当您将动态级别变量混入其中时，您将达到此目的：

  const levels = [
   { level1_status: "ok" },
   { level2_status: "wrong" }
 ];

 for(const level of levels) {
   // How to get the status here?
   level["level" + /*How to get the level?*/ "_status"]
 }

现在，您应该具有 static 键，因此所有级别都应具有相同的键。要区分不同级别，可以使用 level属性：

  const levels = [
   { level: 1, status: "ok" },
   { level: 2, status: "wrong" }
  ];

  for(const level of levels) {
    console.log("Level:", level.level); // isn't that simple?

    console.log("has Status:", level.status); // Wohoo!
  }

现在，下一件事情是containers[i].level1：如果您在容器上拥有levels数组属性，则可以以containers[i].levels[1]的身份访问它而没有任何问题。主要好处是，您现在可以轻松地遍历容器的不同级别：for(const level of container.levels)。

在假设容器具有此类数组的情况下，您的代码可以是：

 addLevel(i, level){
    this.containers[i].levels[level] = {
      level,
      nextLevel: level + 1,
      advUrl: "",
      percentage: 0, // does make more sense than a string, right?
       status: "",
   };
 }

 // somewhere:
 context.addLevel(/*i*/ 0, /*level*/ 1);

Answer 2

您可以使用brackets to access object properties代替点符号：

this.containers[i][level].push(advArr1);

在JavaScript中使用动态键名推送数组值

2 个答案: