javascript - 在 JavaScript 中添加一个简单的 counter[i] 变量以 append 到 wrapper.append(container);

Question

这是当前的应用程序:JSFiddle 它目前吐出 31 个半随机但不重复的条目，如下所示:

meal1= undefined,
Plain Pizza,
Hard-boiled egg,
Gluten-free cookie,

meal2= undefined,
Fried Beefcake,
Hard-boiled egg,
Graham Crackers,

meal3= undefined,
Lasagna,
Tater tots,
Sundae,

**看到哪里写着“未定义”了吗？我正在尝试向它添加一种 day[i] 计数器，这需要(我认为)将另一种数据类型 append 到容器 div。

我在添加一个遵循这些规则的 append 变量时遇到了很多麻烦。

我尝试过的: 嵌套一个 for 循环，该循环会增加每个条目的天数，并将其作为新的 div append 在脚本底部:

var i = 1;
var day = [];
for (i = 1; i < 32; i++) {
    return day[i] (I don't know...)
} 

这不起作用，每次都会破坏代码。因为我正在学习，你能提供一些我可以尝试解决这个问题的语法类型吗？如果你只想修复它，那也没关系。我只是想了解为什么其中一些东西有效。

在 Javascript 代码的底部，我们有:

for (var key in meals){
    container = $('<div id="mealsDiv" class="container"></div>');
    wrapper.append(container);

    //This is where I want to add an extra div class that shows the date (1-31). 

    //I want to append day[i] to the meal and just number them, 1-31. 

    //I tried doing the following but it just breaks everything. 

    container.append('<div class="date">' + day[i] +'</div>');
    container.append('<div class="main">' + meals[key].main +'</div>');
    container.append('<div class="side">' + meals[key].side +'</div>');
    container.append('<div class="dessert">' + meals[key].dessert +'</div>');
}

Answer 1

你得到 undefined 因为 day 是一个数字而不是数组，而你正在尝试做 day[i]

var day = 1;
console.log(x[1]); // undefined

您可以简单地使用键，它是这顿饭的索引:

container.append('<div class="date">' + (+key + 1) +'</div>');

+key 是为了将其转换为 int 而 + 1 是因为数组索引从 0

代替

container.append('<div class="date">' + day[i] +'</div>');

这是你的 updated fiddle