javascript - 在 JavaScript 中使用数组存储一组具有设定值的变量

Question

首先，我对 js 完全陌生。一周前，我工作的公司将我从体力劳动转到 Web 开发，因为我工资便宜、学得快并且有一些 IT/编程经验(但 Web 开发经验为 0)。

我正在制作一份用于订购我公司制造的系统的表格。我有一组带有设定值的零件#变量。我需要它们等于 1 个部件号，同时存储原始变量的名称和原始值。如果我使用数组来执行此操作，索引时会丢失原始变量名称吗？

我已经阅读了所有关于数组和变量的 w3s 页面。我还阅读了有关对象的内容，并想知道将其创建为对象是否可能是更好的解决方案。

这是我得到的代码。

case '16 x 32':

        var Pn_VTP1632PKN_qty = [var Pn_VFH2014_qty = 1, var Pn_52001_qty = 4, var Pn_55015_qty = 2, var Pn_SDT3011_qty = 4, var Pn_10507_qty = 2, var Pn_PAC1007_qty = 1, var Pn_UT22674_qty = 3, var Pn_55031_qty = 3];
        var Pn_VTP1632PKA_qty = [var Pn_VFH2014_qty = 1, var Pn_52001_qty = 4, var Pn_55015_qty = 2, var Pn_SDT3011_qty = 4, var Pn_10507_qty = 2, var Pn_PAC1007_qty = 1, var Pn_UT22674_qty = 3, var Pn_55031_qty = 3,
             var Pn_55024_qty = 8, var Pn_AC0002_qty = 1, var Pn_22116_qty = 7];

        if(trim($('#Include_Aluminum_Coping option:selected').text()) == 'Yes') {
            Pn_VTP1632PKA_qty;
        } else {
            Pn_VTP1632PKN_qty;
        }

        TS = 193;
        TL = 396;

Answer 1

听起来您想要一个对象而不是数组。像这样的东西:

var Pn_VTP1632PKN_qty = { 
    Pn_VFH2014_qty : 1, 
    Pn_52001_qty : 4, 
    Pn_55015_qty : 2,
    // an so on...
};

现在您可以快速(除了丑陋的变量名称之外)找出 Pn_VFH2014_qty 的数量，如下所示:

var howMany = Pn_VTP1632PKN_qty.Pn_VF2014_qty;  

您可以使用如下方式循环遍历所有组件:

for (var key in Pn_VTP1632PKN_qty) {
   if (Pn_VTP1632PKN_qty.hasOwnProperty(key)) {
       console.log(key + ":" Pn_VTP1632PKN_qty[key]);
   }
}

但我怀疑您应该寻找一种更好的方法来处理您的数据，因为您似乎正在尝试将大量数据硬编码到应该从例如连接到的 Web 服务检索的网页中一个数据库。