如何将字典中使用的代码转换为ES5

Question

下面的代码在使用等字典的新浏览器中运行良好

var CRAFT_DB = {
6: {
id: "6",
type: "blockC",
name: "local name",
recipes: [{
type: "new",
count: "2",
input: [
[{
index: "4",
count: "1"
}],
[{
index: "21",
count: "1"
}]
]
}]
}
}
var input = CRAFT_DB[6].recipes[0].input;
var ingredients = {};
for (var key in input)
ingredients[input[key][0].index] = void 0 === ingredients[input[key][0].index] ? parseInt(input[key][0].count) : ingredients[input[key][0].index] + parseInt(input[key][0].count);

但我应该支持ES5。但在启用ES5浏览器的情况下，我得到了错误TypeError: Cannot read property "index" from undefined。

我尝试用将代码转换为ES5https://babeljs.io/repl，但无济于事。

我该怎么修？

Answer 1

在早期版本的JS中，数组上的许多内置属性都是可枚举的。

当您使用in对它们进行循环时，您将获得这些索引以及整数索引。

input['length']将是未定义的，input['push']也是。

使用常规的for (var i = 0; i < index.length; i++)循环。

Answer 2

以下验证对我有所帮助-

for (var key in input) {
if (typeof input[key][0] !== 'undefined') {
...
}
}