Json 如何在Vue Js中处理API响应中的空值

我试图展示从API获得的价值。我试图在模板中显示问题部分名称。我多次得到这些值意味着json中的数组对象。因此，有一次我得到值question_部分像“A:ABC Xyz”但下一次是5次null值B:DEF pqr”和5次null值

因此，当我试图在模板中显示此内容时，会得到未定义的或空的。 我使用了JSON.stringfy（value1.question\u部分）然后使用null，因为所有值都是null。这里我注意到它是最后一个索引（第四个索引）的打印值，但它应该打印零索引

我的Vue js代码

    $.each(this.questionPaperAll, function( key, value) {

        $.each(value.questions, function( key1, value1) {

           if( JSON.stringify( value1.question_section) )
          {
             title = "<div style='font-weight: bold;padding-bottom: 10px'>"

              + JSON.stringify( value1.question_section)  +" &nbsp;" + 

                  value1.section_marks + "</div>\n" +

                 "<div style='font-weight: bold;padding-bottom: 10px'>" + 

                  s_no + ") " + value1.question_type_name[0].name + "

                  </div>\n" 
                   }     
                        });
              });

这是理解问题的示例响应。您可以看到该值数组。其中，Arrayquestions将keyquestion_部分的值第一次放入某个字符串，但在新部分未出现之前，该值全部为null。因此，我只想显示那些问题部分的值，其rest-avoid意味着不显示。为此，我使用了if条件，但它现在起作用了。为什么我不知道？因此，请更正may代码。还要解释出哪里出了问题

我还想告诉大家，当我试图检查问题的哪个索引正在打印时。我看到了索引4，它是第一个数组的最后一个索引。为什么最后才打印

questionPaperAll是一个数组，当我从服务器获取API响应时，它保存API响应。

如果您正在使用，那么您不应该在JavaScript中构造HTML字符串-这就是模板的用途

您的问题似乎是您有一个返回误报的

if

语句

对空字符串调用

JSON.stringify

将返回一个包含两个双引号的字符串，

“”

。您可以尝试在控制台中运行以下命令，结果是

2

：

console.log（JSON.stringify（“”）.length）

无需调用
JSON.stringify
。您可以简单地依赖于空字符串的类型：

if (value1.question_section) {
    /* TODO: Conditional code goes here. */
}

我敦促您编辑您的问题，以便清楚这是关于使用
JSON.stringify
，而不是关于Vue.js。
它的输出将显示在ck编辑器上。
if (value1.question_section) {
    /* TODO: Conditional code goes here. */
}