Javascript 为什么当我尝试填充这个文本模板时会出现未定义的情况？

我设置了一个本地存储项，一个更精确的数组

然后我得到它并尝试填充我的文字模板，但我得到了一个未定义的

未定义：在上找不到1 GET 404 未定义：1

这是我的密码：

var rawRelatedProductCategoryArray = localStorage.getItem('relatedCategoryProductsSelected');

var parsedRelatedProductArray = ('rawRelatedProductCategoryArray', JSON.parse(rawRelatedProductCategoryArray));

console.log(parsedRelatedProductArray); // on this i get the result of my array

document.getElementById("relatedProducts").innerHTML = `${parsedRelatedProductArray.map(relatedProductsTemplate).join('')}`

下面是我试图将数组数据放入其中的模板：

function relatedProductsTemplate(relatedProduct) {
  return `
   <div class="relatedDiv">
    <div class="item mb-0 text-center ">
      <div>
        <div class="post-prev-img">
          <a href="#"><img src="${relatedProduct.image}" alt="img"></a>
        </div>
        <div class="post-prev-title mb-5">
          <h3><a class="font-norm a-inv" href="shop-single.html">${relatedProduct.dataProduct}</a></h3>
        </div>
        <div class="shop-price-cont">
          <strong>${relatedProduct.price}</strong>
        </div>
      </div>
    </div>
  </div>
  `
}

---

我发现我做错了什么：

问题是因为数组是嵌套的

所以我喜欢这样：

  var arrayNesting = parsedRelatedProductArray[0];

然后我将var传递给文本，如下所示：

  document.getElementById("relatedProducts").innerHTML =
    `${arrayNesting.map(relatedProductsTemplate).join('')}`

---

这个URL来自哪里？你能显示parsedRelatedProductArray的内容吗？你是说这个吗？0:[{类别：分析，数据产品：梅特勒JL603-C-ZY5030，图像：图像/used/JL603-C.jpg，…}，]0:{类别：分析，数据产品：梅特勒JL603-C-ZY5030，图像：图像/used/JL603-C.jpg，…}1:{类别：分析，数据产品：梅特勒JS 2002-G-BL292002，图像：图像/used/js2002-G.jpg，…}2:{类别：分析，数据产品：OHAUS SPU6001-BL8060，图像：images/used/SPU6001.jpg，}@r3tep也许有没有图像的产品？