迭代数组事件和侦听器 javascript

Question

我正在尝试使用事件和侦听器迭代一个简单的数组，但是当我尝试在 html 和属性内部查看内容时，我收到了大量数字......我我想我不知道如何呈现这些信息。

HTML

<body onload="exampleFunctions()">
    <div id="cargarMenu"><ul>
  <li><a href="spain.html">España</a></li>
  <li><a href="france.html">Francia</a></li>
  <li><a href="countries.html">Países por region</a></li>
</ul>
</div>
    <div id="cargarInfo"><div id="nombre"></div>
<div id="capital"></div></div>
    <div id="wrapper">FOO! 012345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152</div>

我的监听器有以下内容

<script>
var wrapper = document.getElementById('wrapper');
 window.addEventListener("infoCountries",function(e){
    totalnames = e.detail.totalNames;
    for(var i=0;i<totalnames;i++){
         wrapper.innerHTML +=i;
    };
  })
</script>
</body>

我认为我的活动创建正确

$(document).ready(function() {
    $.ajax({
        url: "https://restcountries.eu/rest/v2/region/europe"
    }).then(function(data) {
        var names = new Array();
        var capital= new Array();
        var borders = new Array();
        var subregion = new Array();
        for(var i=0;i<data.length;i++){ 
            names.push(data[i].name);
            capital.push(data[i].capital);
            for(var j=0;j<data[i].borders.length;j++){
                borders.push(data[i].borders[j]);   
            }
            subregion.push(data[i].subregion);  
        }
        var evt = new CustomEvent("infoCountries",{
          detail:{
                nm:names,
                totalNames:names.length,
                capital: capitales,
                borders: borders,
                subregion:subregion
            }
        });
        window.dispatchEvent(evt);
    });
});

有人能帮帮我吗？

Answer 1

您只是将 0 到 totalNames-1 的数字连接起来，您没有对 names 数组做任何事情。应该是：

 window.addEventListener("infoCountries",function(e){
    var totalnames = e.detail.totalNames;
    var names = e.detail.nm;
    for(var i=0;i<totalnames;i++){
         wrapper.innerHTML += names[i] + " ";
    };
  })

迭代数组事件和侦听器 javascript

Iterating arrays events & listeners javascript

javascript

events

listeners