从范围生成对象在第一次迭代时为空

Question

我的循环有什么问题？第一次迭代有null？

generateRewardOptions = () => {
        let options = []
        const max = 20

        for(let i = 1; i <= max; i++){
            options[i] = {
                key: i,
                value: i,
                text: i
            }
        }

        return options
    }

console.log(JSON.stringify(generateRewardOptions()));

https://jsbin.com/cupelanotu/edit?html,js,console,output

Answer 1

问题是你从 1 开始循环，而应该从 0 开始。

从 0 更改 for 并排除 max 应该可以解决问题：

for(let i = 0; i < max; i++){

JavaScript 数组是基于 0 的

Answer 2

除了 smnbbrv 建议之外，另一个选择是在循环中使用 push：

for(let i = 1; i <= max; i++) {
    options.push({
        key: i,
        value: i,
        text: i
    });
}

然后你不必从i=0开始。