jQuery 从数组中的每个值创建变量名称

Question

获取数组(CritPath)并为数组中的每个项目；检查表并将列拆分为单独的数组(SysDate 和 SysTime)。

返回 (CritPath) 名称加上 (SysTime) 名称以形成具有 SysTime 数组值的新变量名称(即 ATMCXPSysTime = [2,2])。对 CritPath 数组中的每个都执行此操作。

到目前为止，我只能输出数组值，但未能成功从 (CritPath) 创建值为 (SysDate) 和/或 (SysTime) 的变量名称。

最终我希望能够调用 ATMCXPSysTime 变量名称并让它给出值 [2,2]，并且 (CritPath) 中的另一个值相同...CCSysTime 将输出 [6,5]

脚本...

var CritPath = []
CritPath = ['ATMCXP','CC']
var SysDate = [];
var SysTime = [];

$(function(Sys){
    for (i in CritPath) {
        var Sys = CritPath[i];
        var SysDate = Sys+'Date';
        var SysTime = Sys+'Time';

        for (i in Sys) {
            $('#' + CritPath[i] + ' tbody tr').each(function(index) {
                var $this = $(this);
                var str = $(this).find(":nth-child(2)").html()
                var parts = str.split(":");
                var minutes = parseInt(parts[0], 10) * 60 + parseInt(parts[1], 10);

                SysDate[index] = [$(this).find(":nth-child(1)").html()];
                SysTime[index] = [index] = [minutes];
            });
        }
    }
    return Sys;
});

alert(SysTime);
alert(CritPath);
alert(Sys);

简单的 html 表格...

<table border="1" id="ATMCXP" cellspacing="1" align="center">
    <tbody>
        <tr>
            <td>2013-04-09</td>
            <td>00:02</td>
        </tr>
        <tr>
            <td>2013-04-10</td>
            <td>00:02</td>
        </tr>
    </tbody>
</table>
<table border="1" id="CC" cellspacing="1" align="center">
    <tbody>
        <tr>
            <td>2012-04-09</td>
            <td>00:06</td>
        </tr>
        <tr>
            <td>2012-04-10</td>
            <td>00:05</td>
        </tr>
    </tbody>
</table>

编辑:添加了 fiddle ... http://jsfiddle.net/sherman2k2/j3dWS/

Answer 1

更新 fiddle 的更新

看来我明白了你想要做的事情以及你的问题是什么。更新后的 fiddle 中有两行代码

    ATMCXPDate[index] = [$(this).find(":nth-child(1)").html()]; //set dates found in column into array and assign variable name

    ATMCXPTime[index] = [minutes]; //set converted minutes from column into array and assign variable name

这要么是拼写错误，要么是您忘记声明 index 变量。由于您希望为所有日期使用一个数组，为所有表中的所有时间使用另一个数组，因此您可以将其替换为

   ATMCXPDate.push($(this).find(":nth-child(1)").html());
   ATMCXPTime.push(minutes); 

我们在这里做了两件事，将解析后的日期和时间放入数组中，然后将普通值放入数组中，而不是像以前那样将其包装到数组中，您不需要在数组中放入数组。

原始代码性能更新:
有几处看似逻辑错误

• 您有额外的周期(i in Sys)
• 您可以选择一次表格，然后遍历行(将 $('#' + CritPath[i] + ' tbody tr') 替换为 $('#'+CritPath [i]).find('tr').each

您的代码的一个明显错误是您在全局范围和函数中创建了具有相同名称的变量。即

...
// here you created global variables and assigned them to empty arrays
var SysDate = [];
var SysTime = [];

$(function(Sys){
    for (i in CritPath) {

        // here you created local variables with the same names so global ones are no more accessible within this function
        var SysDate = Sys+'Date';
        var SysTime = Sys+'Time';

    for (i in Sys) {
        $('#' + CritPath[i] + ' tbody tr').each(function(index) {
            ...
            // here you assigned local variables , but
            SysDate[index] = [$(this).find(":nth-child(1)").html()];

            // this line doesnt make sense
            SysTime[index] = [index] = [minutes];
            // you probably meant 
            SysTime[index] = [minutes];
        });
    }
   }
// next line just doesn't make any sense as it is not used anywhere
return Sys;
});
// here you alerting global variables, that wasn't affected by your ondomready    handler
alert(SysTime);
alert(CritPath);
alert(Sys);

总的来说，如果您想在全局范围内创建具有特定名称的变量，您可以使用窗口对象来完成此操作

function setVar () {
  var nameOfGlobalVariable = 'SysTime0202'
  window[nameOfGlobalVariable] = 'some value'
}

setVar()

console.log(SysTime0202)  // outputs 'some value'

我怀疑您确实不需要具有不同名称的全局变量，而是只需要一对数组来表示您拥有的日期和时间。我希望您想按一个日期/时间进行查找并从另一个数组中获取相应的值，只是与您的一组关键路径不同的关键路径。

你可以尝试做类似的事情

var CriticalPathData = []
$(function(){ 

  // looping through named tables to grab all date/times
  for (var i in CritPath) {

    var cp = CritPath[i]
      , table = $('#' + cp)
      // this is object which will hold all date/times for particular critical path
      , cpDateTime = { items : [] }


        table.find('tr').each(function(index, row) {
            var $this = $(this)
              , tds = $this.find('td')
              , rowDate = tds[0].innerHTML
              , rowTime = tds[1].innerHTML
              , parsedTime = rowTime.split(':')
            cpDateTime.items.push({ Date: rowDate , Time : +parsedTime[0] * 60 + +parsedTime[1] })  
        });
      // put parsed dates/times for all items with critical path to global object
      CriticalPathData.push(cpDateTime)
   }

   // after you filled in all the data you can access it here
   alert(CriticalPathData[0].items[0].Date)
   alert(CriticalPathData[0].items[0].Time)
})   

// or here
alert(CriticalPathData[0].items[0].Date)
alert(CriticalPathData[0].items[0].Time)