如何将地图的条目打印到 html 文档中

Question

您好，我有以下代码：

function showsaveobj(){
let patient = creatobj();
let befaktoren = patient.addfaktoren();
console.log(befaktoren);



let show = document.getElementById("show");

show.innerHTML = "Vorname: " + patient.vorname + "<br>Nachname: " + patient.nachname + "<br>" + (function() {for (let entry of befaktoren.entries()){return entry}})();

};   

当我在 html 文档中按保存时，将调用最后一个函数。它创建一个带有姓氏和姓氏的对象，并且它有一个方法可以根据用户在表单中输入的值创建一个映射。该表格有 24 个值对应于一天中的 24 小时。所以地图有 24 个条目。如上所示，我想将这些条目打印到 html 文档中。它适用于名称和姓氏，但是当我使用 for..of 循环编写单个条目时，它只打印出地图的第一个条目。 当我添加

for (let x of befaktoren.entries()){console.log(x);}

控制台向我显示了 24 个数组，其中包含键和值。当我使用 innerHtml 在字符串中执行相同操作时，它只会将地图的第一个数组写入文档。
我在这里做错了什么，但我不知道是什么。在网上搜索了几天后，我希望这里有人可以帮助我。
提前致谢

Answer 1

我认为您误解了Map.entries() 方法。 entries() 不返回可以使用 for 循环遍历的 iterable 对象，而是返回包含所有条目的 Iterator，然后您可以使用 next() 方法检索这些条目。

见：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators

Map 本身就是 iterable，因此您可以在地图本身上使用 for 循环。 尽管如此

你的代码：

someString + (function() {
  for (let entry of befaktoren.entries()) {
    return entry
  }
})()

将始终只将第一个元素放入您的字符串中。

改为这样做：

var befaktorenFormatter = function(input) {
  let formattedString;
  // directly iterate over the input iterable
  for (let entry of input) {
    formattedString += entry;
  }
  // don't return the current entry, return the fully formatted string instead
  return formattedString;
}

show.innerHTML = "Vorname: " + patient.vorname + "<br>Nachname: " + patient.nachname + "<br>" + befaktorenFormatter(befaktoren);

Map 具有方便的方法forEach 用于迭代其内容。 另请参阅：http://devdocs.io/javascript/global_objects/map/foreach。 除了使用for 循环，您还可以执行以下操作：

let befaktoren = new Map([['foo', 'bar'], ['bar', 'foo']]);

let befaktorenFormatter = function(input) {
  let formattedString;
  input.forEach(function(value, key) {
    formattedString += `${key}: ${value}<br>`;
  });
  return formattedString;
};

show.innerHTML = "Vorname: " + patient.vorname + "<br>Nachname: " + patient.nachname + "<br>" + befaktorenFormatter(befaktoren);

希望对你有所帮助。