javascript - Vanilla JS - ES6 : . map() 不是函数

Question

我正在尝试使用 .map() 和 ES6 重构我的 for 循环，但我收到一条错误消息，指出“.map 不是函数”

//basic tab function
function openContent(tabpages) {
  var page = document.getElementsByClassName("content");

  // for (i = 0; i < page.length; i++) {
  //   page[i].style.display = "none";
  // }
  page.map(page => (page.style.display = "none"));

  document.getElementById(tabpages).style.display = "flex";
}

请指出正确的方向。

Answer 1

page 是一个 HTMLCollection，它是一个对象而不是数组。您可以使用 Object.keys()

将对象的键提取到一个数组中进行映射

例如:

//basic tab function
function openContent(tabpages) {
  var page = document.getElementsByClassName("content");

  // for (i = 0; i < page.length; i++) {
  //   page[i].style.display = "none";
  // }
  Object.keys(page).map(idx => (page[idx].style.display = "none"));

  document.getElementById(tabpages).style.display = "flex";
}