时间戳

首页 > 解决方案 > 如何在循环中定义多个类成员？

javascript - 如何在循环中定义多个类成员？

问题描述

我正在运行的实验有一个问题，我需要创建 40 个班级成员（研究具有某些属性的老鼠，例如动物 ID、笼子 ID、颜色偏好、光线偏好），然后对它们进行一些操作。所有这些属性都是通过用户输入获得的（例如鼠标 37B、笼子 37、黑色、明亮）。一个好的解决方案可能是创建一个数组并为每个后续元素迭代一个 for 循环并将其定义为类成员。我在下面尝试了这个，但它没有用，所以我不知道它是否可能。简而言之，实际问题是如何通过不为它们显式编写名称来创建类的多个自定义命名成员？

        var mice = [];

        class Mouse
        {
          constructor(id, cage, color, light) 
          {
            this.id = id;
            this.cage = cage;
            this.color = color;
            this.light = light;
          }
        }

        for (var i = 0; i < 40; i++) 
        {
           mice[i] = new Mouse(user_input1, user_input2, user_input3, user_input4);
        }

标签： javascriptloopsclassinputmember

解决方案

在尝试创建一个最小的可重现示例时，我的代码开始工作。尝试通过附加 js 库（实际上在我测试它时工作）从 excel 文件中提供输入时，原始文件相当复杂，所以有些事情可能出错了。我发现了一些不正确的声明，现在似乎一切正常；我能够将数组元素分配为类成员，这就是我所追求的；现在循环这个应该很容易。谢谢大家的帮助，很抱歉第一次发帖很草率；我对此很陌生。

这是我的最小可复制示例。

  <!DOCTYPE html>
  <html>
  <head>
    <title>CPP randomizer</title>
  </head>
  <body>
    Animal ID: <input id="ID"><br>
    Cage number: <input type="number" id="cage"><br>
    Color: <input id="color"><br>
    Light preference: <input id="light"><br>
    <button onclick="myFunction()">Submit</button>

 
    <script type="text/javascript">

    var mice = [];
            
    class Mouse
    {
      constructor(id, cage, color, light) 
      {
        this.id = id;
        this.cage = cage;
        this.color = color;
        this.light = light;
      }
    }

    function myFunction()
      {
        var id = document.getElementById("ID").value;
        var cage = document.getElementById("cage").value;
        var color = document.getElementById("color").value;
        var light = document.getElementById("light").value;
        mice[0] = new Mouse(id, cage, color, light);
      alert(mice[0].id);
      alert(mice[0].cage);
      alert(mice[0].color);
      alert(mice[0].light);
      }

  </script>
  
</body>

推荐阅读