我的 html 在使用 javascript 获取文件后不显示本地 json 文件

Question

我如何编辑以下线以显示印象和转化的总数。 当我 console.log(data) 我得到 array(100000) 你的帮助将不胜感激。

<script>
    
//pulling data from local json file
fetch('./logs.json')
  .then((response) => {
    return response.json();
  })
  .then((data) => {
    // console.log(data);
    let data1 = "";

    data.forEach((values) => {
      data1 += ` 
            <div class="card">
            <p class="impression">${values.impression}</p>
            <p class="conversion">${values.conversion}</p>
            </div> `;
    });

    document.querySelector("#card").innerHTML = data1;

  })
  .catch((error) => {
    console.log(error);
  })
    
</script>

Answer 1

将总变量添加到代码中，并在forEach循环中递增它们。

 fetch('./logs.json').then((response) => { return response.json(); }).then((data) => { // console.log(data); let data1 = ""; let totalImpressions = 0; let totalConversions = 0; data.forEach((values) => { totalImpressions += values.impression; totalConversions += values.conversion; data1 += ` <div class="card"> <p class="impression">${values.impression}</p> <p class="conversion">${values.conversion}</p> </div> `; }); data1 += `<div>Total impressions = ${totalImpressions} Total conversions = ${totalConversions}</div>`; document.querySelector("#card").innerHTML = data1; }).catch((error) => { console.log(error); })