javascript - 如何在 Javascript 中编写 for 循环内部变量或者是否有替代解决方案？

Question

$.noConflict(); 
  jQuery(document).ready(function($){

var queuesArr = new Array();
var i;

for (i = 0; i < document.getElementById('qbeansLength').value; i++){
    queuesArr[i] = document.getElementById('queueID'+i).value}

var data = [
    {
        label: ' Queues',
        children: [
//I need to write the for loop here and make it like this {label: queuesArr[i] } but it is a variable
            { label: document.getElementById('queueID1').value },
            { label: queuesArr[2] }

        ]
    },
    {
        label: 'node2',
        children: [
            { label: 'child3' }
        ]
    }
];

$(function() {
    $('#tree1').tree({
        data: data
    });
});


});

大家好。我是 javascript 的新手。我需要在网页上打印一棵树。我用this widget为了它。我需要在变量内编写 for 循环，但它是一个变量，所以我认为这是不可能的。请帮帮我，我的问题有解决办法吗？问题是我动态地从另一个 jsp 页面获取元素，因此子元素的数量以及数组元素的数量都不同。

Answer 1

你的意思是这样的吗？

$.noConflict(); 
  jQuery(document).ready(function($){

var data = [
    {
        label: ' Queues',
        children: [
            // Filled in below
        ]
    },
    {
        label: 'node2',
        children: [
            { label: 'child3' }
        ]
    }
];

var queuesArr = new Array();
var i;
var qbeansLength = document.getElementById('qbeansLength').value;
for (i = 0; i < qbeansLength; i++) {
    data[0].children.push({label: document.getElementById('queueID'+i).value});
}

$(function() {
    $('#tree1').tree({
        data: data
    });
});


});