javascript - 努力使用 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] = ''; 时，您分配的是一个字符串，而不是一个对象，请使用 {} 而不是 ''