javascript - 检查对象内部是否有空值

Question

所以我想将数据库中的这些行显示为表格，并非所有列都已填充，某些行的第 3 列或第 X 列为空。

if(datos[i].column1== "" || datos[i].column1== null)
                        datos[i].column1= "-";
                    if(datos[i].column2== "" || datos[i].column2== null)
                        datos[i].column2= "-";
                    if(datos[i].column3== "" || datos[i].column3== null)
                        datos[i].column3= "-";
                    if(datos[i].column4 == "" || datos[i].column4 == null)
                        datos[i].column4 = "-";
                    if(datos[i].column5 == "" || datos[i].column5== null)
                        datos[i].column5 = "-";
                    if(datos[i].column6 == "" || datos[i].column6 == null)
                        datos[i].column6 = "-";
                    if(datos[i].column7 == "" || datos[i].column7== null)
                        datos[i].column7= "-";
                    s+='<tr>'+
                       ' <td data-type="1">'+ datos[i].column1 + '</td>' +
                       ' <td data-type="2">'+ datos[i].column2 + '</td>' +
                       ' <td data-type="3">'+ datos[i].column3 + '</td>' +
                       ' <td data-type="4">'+ datos[i].column4 + '</td>' +
                       ' <td data-type="5">'+ datos[i].column5 + '</td>' +
                       ' <td data-type="6">'+ datos[i].column6.substr(0, 10) + '</td>' +
                       ' <td data-type="7">'+ datos[i].column7.substr(0, 10) + '</td>' +
                       ' <td data-type="8">'+ datos[i].column8.substr(0, 10) + '</td>' +
                       ' <td data-type="9">'+ datos[i].column9+ '</td>' +
                       ' <td data-type="10">'+ datos[i].column10+ '</td>' +
                       ' <td data-align="center"><p data-placement="top"><button class="btn btn-primary btn-xs" onclick=LlenaDatos("' + datos[i].column2+ '")><span class="glyphicon glyphicon-pencil"></span></button></p></td> ' +
                       '</tr>';

我认为它看起来非常野蛮，我希望有一种不那么原始的方法来检查所有列是否为空或为空，并使它们显示为破折号。

Answer 1

试试这个:

s += '<tr>';
$.each(datos[i], function(key, val){
   if(!val)
      datos[i][key] = "-";
   s += ' <td data-type="1">'+ datos[i][key] + '</td>';
});
s += '<td data-align="center"><p data-placement="top"><button class="btn btn-primary btn-xs" onclick=LlenaDatos("' + datos[i].column2+ '")><span class="glyphicon glyphicon-pencil"></span></button></p></td></tr>';

现在您可以在一个循环中完成所有操作。