尝试访问嵌套在数组中的 object 的属性时未定义的类型

Question

我有一个包含对象混合的数组和包含具有相同属性的对象的 arrays

plantsArray = [
{type: "wheat", height: 20, output: 25},
{type: "soybeans", height: 30, output: 29},
[{type: "corn", height: 34, output: 9}, {type: "wheat", height: 20, output: 25}],
{type: "wheat", height: 20, output: 25}, 
..etc
]

尝试获取每个单独的 object，查找“输出”的值并将更多对象推送到新数组中：

const harvestOutput = []

for (const plantItem of plantsArray) {

        if (Array.isArray(plantItem) ) {
                for (let i = 0; i < plantItem[i].output; i++) {
                    harvestOutput.push(plantItem[i])
            }
        } 
        else

        for(let k = 0; k < plantItem.output; k++) {
            harvestOutput.push(plantItem)
        }
    }

并且得到错误“无法读取该plantObj[i]参考的未定义属性“输出”......没有建议其他方法和解决方案等请和感谢（我知道他们在那里，这是一个学校练习，），我在访问这些嵌套对象的“输出”属性的值的语法或逻辑中是否遗漏了什么？ 我从 if 语句开始阅读本文的方式是“如果 plantItem 是一个数组，则将变量 i 设置为 0，并且只要 i 小于在索引 position i of plantItem...etc"。

它的 Rest 执行良好。

谢谢！

**编辑plantObj是一个错字，已修复**

Answer 1

在第一个 for 中，您需要一个 for 循环遍历您的阵列，然后另一个循环遍历 output。 在你第二次为你推送不存在的plantObj。

 plantsArray = [ {type: "wheat", height: 20, output: 25}, {type: "soybeans", height: 30, output: 29}, [{type: "corn", height: 34, output: 9}, {type: "wheat", height: 20, output: 25}], {type: "wheat", height: 20, output: 25} ] const harvestOutput = []; for (const plantItem of plantsArray) { if (Array.isArray(plantItem) ) { for (let i = 0; i < plantItem.length; i++) for (let j = 0; j <= plantItem[i].output; j++) { harvestOutput.push({...plantItem[i]}); // the {...} is to destructuring the object and make a copy } } else for (let j = 0; j <= plantItem.output; j++) { harvestOutput.push({...plantItem}); } } console.log(harvestOutput);

Answer 2

你可以先平面阵列然后map

 let plantsArray = [ {type: "wheat", height: 20, output: 25}, {type: "soybeans", height: 30, output: 29}, [{type: "corn", height: 34, output: 9}, {type: "wheat", height: 20, output: 25}], {type: "wheat", height: 20, output: 25}]; let result = plantsArray.flat(1).map(x => x.output); console.log(result);

Answer 3

您错过了嵌套数组循环。 而不是 plantItem，您已将其用作 plantObj。 我已在相应位置添加为评论。

 const plantsArray = [{ type: "wheat", height: 20, output: 25 }, { type: "soybeans", height: 30, output: 29 }, [{ type: "corn", height: 34, output: 9 }, { type: "wheat", height: 20, output: 25 }], { type: "wheat", height: 20, output: 25 } ] const harvestOutput = [] for (const plantItem of plantsArray) { if (Array.isArray(plantItem)) { //You have missed this looping for (let i = 0; i < plantItem.length; i++) { for (let k = 0; k < plantItem[i].output; k++) { harvestOutput.push(plantItem[i]) } } } else //Instead of plantItem you have used plantObj here so it is undefined. for (let k = 0; k < plantItem.output; k++) { harvestOutput.push(plantItem) } } console.log(harvestOutput);

此外，我想提出一个建议，您可以将以下代码部分移动到单独的 function 以避免代码重复。

 for (let k = 0; k < plantItem[i].output; k++) {
     harvestOutput.push(plantItem[i])
 }

Answer 4

此代码段将解决您的问题；）

 const plantsArray = [ { type: 'wheat', height: 20, output: 25 }, { type: 'soybeans', height: 30, output: 29 }, [{ type: 'corn', height: 34, output: 9 }, { type: 'wheat', height: 20, output: 25 }], { type: 'wheat', height: 20, output: 25 } ]; let harvestOutput = []; plantsArray.flat(1).forEach(plantItem => { const harvestedItems = new Array(plantItem.output).fill(plantItem); harvestOutput = harvestOutput.concat(harvestedItems); }); console.log(harvestOutput);