首页 > 解决方案 > 如何在 wp 中解决这个 forEach 循环问题?

问题描述

在我的一个 WordPress 项目中,我必须发布一个获取请求并在前端呈现响应数据。为了呈现数据,我尝试使用 forEach() 循环,但它总是显示未定义,但如果我使用 map(),同样的事情也可以正常工作。现在我只想知道 forEach() 有什么问题。我在下面给出了工作和不工作的代码:

不工作:

    getResults() {
    $.getJSON(`http://localhost/from_wp_course/wp-json/wp/v2/posts?search=${this.searchField.val()}`, posts => {
      this.resultsDiv.html(`
        <h2 class="search-overlay__section-title">General Information</h2>
        <ul class="link-list min-list">
          ${posts.forEach(item => `<li><a href="${item.link}">${item.title.rendered}</a></li>`)}
        </ul>
      `);
    });
  }

在此处输入图像描述

在职的:

getResults() {
    $.getJSON(`http://localhost/from_wp_course/wp-json/wp/v2/posts?search=${this.searchField.val()}`, posts => {
      this.resultsDiv.html(`
        <h2 class="search-overlay__section-title">General Information</h2>
        <ul class="link-list min-list">
          ${posts.map(item => `<li><a href="${item.link}">${item.title.rendered}</a></li>`).join('')}
        </ul>
      `);
    });
  }

在此处输入图像描述

标签: wordpressforeach

解决方案


.foeEach返回值是未定义的(为什么你得到未定义的)但.map返回一个新数组。


推荐阅读