javascript - 我如何在动态生成的 html 表中检查我的值是否为 null

Question

这是我用来使用 javascipt 生成 html 表的代码

现在我的问题是我想把 "--" 替换为 "null"值，那么我怎么才能 在代码应显示之前检查该值是否为 null。

   var res1 = sessionStorage.getItem('user_list');
            var res = JSON.parse(res1);
            var createList = '';
            for (var i = 0; i < res.length; i++) {

                createList += "   <div class='table-data-banner'>    <div class='div-block switch'>\
                    <div data-ix='switch' class='switch-click-area'>\
                    <div class='switch-length'><div class='switch-bulb'>\
                    </div>\
                    </div>\
                    </div>\
    </div>\
                     <a href='#' class='table-data-link'  style='max-width:100%' >\
                          <input type='hidden' class='user_id'  value=" + res[i].user_id + "  \> \
    <div class='text-block-2 data first'>" + res[i].first_name + "</div><div class='text-block-2 first data'>" + res[i].last_name + "</div>\
    <div class='text-block-2 email no-mobile data'>" + res[i].email_id + "</div>\
    <div class='text-block-2 phone no-mobile data'>" + res[i].cell_phone + "</div>\
    <div class='text-block-2 access no-mobile data'>" + res[i].access_level + "</div>\
    <div class='text-block-2 access no-mobile data'>\
    <input type='button' class='w-button delete-data' value='delete' user_id=" + res[i].user_id + " postion=" + i + "> &nbsp; \
    <input type='button' class='w-button edit-data' value='edit' user_id=" + res[i].user_id + " postion=" + i + "></div>\
    \
    </a>   </div>"
            }

Answer 1

您可以使用 JS 的伪造特性将 null 或 undefined 值合并为 '--'，如下所示:

'<input type="hidden" class="user_id" value="' + (res[i].user_id || '--') + '"  \>'

另请注意，我建议您使用模板逻辑来构建 HTML，因为在 JS 中包含那么多 UI 代码并不理想。