我如何在JavaScript中使用forEach for Json Array

时间:2019-05-26 20:50:12

标签: javascript html foreach

大家好,我有一个json数组GelenDeger就像

>GelenDeger
{Localizations: null, Languages: null, AgencyModels: null, GetCitiesModel: {…}, GetCountyModel: null, …}
AgencyAddress: null
GetCitiesModel: {IL_KOD: "35", IL_AD: null, ULKE_KOD: null}
GetCountyModel: null
HtmlResult: ""
M_ACENTE: (4) [{…}, {…}, {…}, {…}]
countryCode: 1234

点击按钮

GelenDeger.M_ACENTE[0].ADRES_TEXT

GelenDeger.M_ACENTE[0].ACENTE_AD

但是我需要一个循环,而不必使用[0][1][2]之类的索引,但是我不知道该怎么做。你能帮我这个忙吗?谢谢。

我的js代码:

function jsFiltreleme(GelenDeger) {
                    $("#myDiv").append(
                        "<div style='border-style:ridge;'>adress : <strong>" + GelenDeger.M_ACENTE[0].ADRES_TEXT + "</strong><br>" +
                        "name : <strong>" + GelenDeger.M_ACENTE[0].ACENTE_AD+ "</strong></div>"
                    );
                }

我的html代码:

<li class="none buttonBox">
    <input id="register" type="submit" value="Search">
</li>
<div id="myDiv"></div>

顺便说一句,我的JSON数组可以像M_ACENTE一样进行更改:(10)[{…},{…},{…},{…}]

2 个答案:

答案 0 :(得分:0)

您可以为此使用forEach()

function jsFiltreleme(GelenDeger) {
      GelenDeger.M_ACENTE.forEach(acente => {
        $("#myDiv").append(
          "<div style='border-style:ridge;'>adress : <strong>" + acente.ADRES_TEXT + "</strong><br>" +
          "name : <strong>" + acente.ACENTE_AD + "</strong></div>"
        );
      });
 }

您可以检查div是否不为空,然后清除它。

if ($("#myDiv").html() !== "") {
  $("#myDiv").html() = ""
}

答案 1 :(得分:0)

简单地使函数传递您想要说的参数或参数,或者您可以使用ES6函数,因此只需键入函数参数名称,然后输入'=>'然后输入'。以及您存储在数组中的对象的名称,并附加了方便的dandy标签,这并不那么复杂