努力使用 for 循环向对象添加属性

Question

我正在尝试使用 for 循环循环浏览链接列表并将有关所述链接的信息添加到对象中。

我已经成功地在 for 循环中使用数组访问将一个空对象添加到我已经存在的对象中：

for(let i = 0; i < linksHTML.length; i++) {
    //Add new obj to pageInfo.links
    pageInfo.links["link" + i] = '';
}

返回：

pageInfo = {
  currentPageURL: "https://www.volkswagen.fr/fr.html",
  links: {link0: "", link1: "", link2: ""...
  }
}

但是，我正在努力向新对象添加属性，如下所示：

for(let i = 0; i < linksHTML.length; i++) {
    //Add new obj to pageInfo.links
    pageInfo.links["link" + i] = '';
    //Add properties to newly created object
    pageInfo.links["link" + i].target = linksHTML[i].baseURI;
}

let pageInfo = {
    currentPageURL: window.location.href,
    links: {}
}
let linksHTML = document.getElementsByTagName("link");
for(let i = 0; i < linksHTML.length; i++) {
    //Add new obj to pageInfo.links
    pageInfo.links["link" + i] = '';
    //Add properties to newly created object
    pageInfo.links["link" + i].target = linksHTML[i].baseURI;
}

我希望看到

pageInfo = {
  currentPageURL: "https://www.volkswagen.fr/fr.html",
  links: {
    link0: {
      target: "https://www.volkswagen.fr/fr.html/somepage"
    }
  }
}

但是输出是

pageInfo = {
  currentPageURL: "https://www.volkswagen.fr/fr.html",
  links: {link0: "", link1: "", link2: ""... <-- Empty object with no new target property
  }
}

Answer 1

当你做pageInfo.links["link" + i] = '';你分配一个字符串，而不是一个对象，使用{}而不是''