Question

我在我的函数之外设置了多个对象：

var object1 = { header:"Lorem ipsum 1", description:"Lorem ipsum 1" };
var object2 = { header:"Lorem ipsum 2", description:"Lorem ipsum 2" };
var object3 = { header:"Lorem ipsum 3", description:"Lorem ipsum 3" };

我现在在我的函数中有一个循环来为每个要显示的对象内容创建一个新元素。

如何在我为元素内容设置的变量中引用它们，并在“对象”之后使用通配符作为唯一数字？

var element = '<div class="element"><div class="header">'+object1['header']+'</div><div class="description">'+object1['description']+'</div></div>';

显然，此时对象之后的“1”是硬编码的，我试图为每个循环动态添加数字，并且数字设置在“num”变量中，我如何将它放在“ object“和”['header']“并且它仍然将整个字符串解析为var以从我的对象中提取”标题“？

Answer 1

您想要的是包含您定义的对象的数组。数组使用一组方括号定义，如下所示：

var emptyArray = [];
var numbers = [1, 2, 3];

因此，在您的情况下，您可以将对象放入这样的数组中：

var elementData = [
    {
        header: 'Lorem ipsum 1',
        description: 'Lorem ipsum 1'
    },
    {
        header: 'Lorem ipsum 2',
        description: 'Lorem ipsum 2'
    },
    ...
]

然后你可以使用for循环遍历它们：

for (var i = 0; i < elementData.length; i++) {
    var data = elementData[i];
    var element = '<div...>' + data.header + '...' + data.description;
    // Do stuff with element
}

Javascript引用通配符对象名称

1 个答案: