可以将其转换为for循环吗?

时间:2019-01-25 17:48:44

标签: javascript arrays

我想用For循环清理它。最有效的编码方式是什么?

我正在创建一个搜索表单,该表单通过数据库查找特定的表单条件。我编码的方式仅适用于8个字段。但是搜索表单可能有8个以上。不过,现在,我希望能够映射结果并显示在结果页面中。

这是我尝试过的。这根本没有用,对任何人来说都可能毫无意义。

 var obj =data[0]

$.get("obj", {data: $('select["Fields.DisplayName" + Fields.DataValue]').val()}, 
            function(data){
                $.each(data, function(i, item) {
                    alert(item);
                });
            }
);

这用于获取数据并按照我的意愿显示它。

var obj = data[0];

document.getElementById("test").innerHTML = 
"<p>"+ obj.Fields[0].DisplayName + ":  " + obj.Fields[0].DataValue + "</p>" +
"<p>" + obj.Fields[1].DisplayName + ":  " + obj.Fields[1].DataValue + "</p>" +  
"<p>"+ obj.Fields[2].DisplayName + ":  " + obj.Fields[2].DataValue + "</p>" +  
"<p>"+ obj.Fields[3].DisplayName + ":  " + obj.Fields[3].DataValue + "</p>" +
"<p>" + obj.Fields[4].DisplayName + ":  " + obj.Fields[4].DataValue + "</p>" +
"<p>" + obj.Fields[5].DisplayName + ":  " + obj.Fields[5].DataValue + "</p>" +  
"<p>"+ obj.Fields[6].DisplayName + ":  " + obj.Fields[6].DataValue + "</p>" +
"<p>" + obj.Fields[7].DisplayName + ":  " + obj.Fields[7].DataValue + "</p>" 
    ;

下一个问题是如果有多个数据对象。目前,我已将其设置为循环遍历第一个对象,但是当我删除该对象时,无法读取未定义的'0'属性。

2 个答案:

答案 0 :(得分:5)

好的。

var html = "";
obj.Fields.forEach(({DisplayName, DataValue}) => {
  html += `<p>${DisplayName}: ${DataValue}</p>`;
});
document.getElementById("test").innerHtml = html;

答案 1 :(得分:4)

使用Array.map()并加入结果:

var fields = data[0].Fields ;

document.getElementById("test").innerHTML = fields
  .map(function(field) {
    return '<p>' + field.DisplayName + ': ' + field.DataValue + '</p>';
  })
  .join('\n');