Javascript 共享点列表中的列为空时，如何隐藏空文本？

我有一个共享点列表，在某些情况下，一些列是空的；在这种情况下，显示文本null。每当列为空时，我需要null消失。这是我最初的代码

var buildModal = function(items) {
var modalContent = $('#modalContent');

for (let i = 0; i < items.length; i++) {

var modalContentCard = '<div class="modal fade" id=basicExample'+items[i].ID+'  tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog modal-lg"  role="document"><div class="modal-content"><div class="modal-header"><h5 class="modal-title" id="exampleModalLabel"><strong>' + items[i].Title +
'</strong></h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div><div class="modal-body"><h5>Personal:</h5><p><strong>A dream I have is to:</strong> '+ items[i].Dream +'</p><p><strong>You would be surprised to learn that I:</strong>'+ items[i].Learn +'</p><p><strong>My motto is:</strong>'+ items[i].Motto +
'</p><p><strong>The mission of our agency is:</strong>'+ items[i].Mission +'</p><hr><h5>Our current priorities are:</h5><p>'+ items[i].Priorities +'</p><h5>Our biggest accomplishments in the past year include:</h5><p>'+ items[i].Accomplishments +'</p><div class="agency"><h5>One thing you did not know about our agency is:</h5><p>'+ items[i].Agency+'</p></div><div class="mt-3 mb-3"><a href="'+ items[i].Link.Url +'" target="_blank">'+ items[i].Website +'</a></div><div class="modal-footer"><button type="button" class="btn btn-primary" data-dismiss="modal">Close</button></div></div></div></div></div>';
modalContent.prepend(modalContentCard);
}

});

};

个人的：
我的梦想是：

环游世界，从乘坐RV环游美国开始


你会惊讶地发现我：

他小时候非常害羞


我的座右铭是：null

要简单地将“空”文本替换为空文本，请转到Concat并将

您的变量

替换为

（您的变量| |“”）

如果希望完全隐藏文本为空的元素，则应单独构建它们，并将它们包装在

If

块中。例如，要隐藏

元素：

var modalContent = ...

if(items[i].Motto) {
    modalContent += "<p><strong>My motto is:</strong>"+ items[i].Motto +
"</p>";
}

var modalContent=。。。
如果（项目[i]。座右铭）{
modalContent+=“我的座右铭是：”+项目[i]。座右铭+
“
”；
}

如果要仅检查

空值

，请添加

！==如果

，则在

中为空

PS:还要注意，使用字符串可能不是创建HTML元素的最佳方式。您可能应该使用
createElement
和类似的语言

文档：
无论您在哪里阅读文本，请将
您的变量
替换为
（您的变量| |“”）
@ayrton感谢您完美的回复。如果我想完全隐藏这一点，我的座右铭是：null

意思是甚至我的座右铭都不显示，那该怎么办？请查看我的答案

<div class="modal-body">
  <h5>Personal:</h5>
  <p><strong>A dream I have is to:</strong> </p>
  <div class="ExternalClass44F41EEF57F6405EBDCDF166AAE64839">
    <p>Travel the world, starting with a trip around the US in an RV!&nbsp;<br></p>
  </div>
  <p></p>
  <p><strong>You would be surprised to learn that I:</strong></p>
  <div class="ExternalClass609F53F5A4794345A04360BEA3C8A50F">
    <p>Was extremely shy as a child.</p>
  </div>
  <p></p>
  <p><strong>My motto is:</strong>null</p>

</div>

var modalContent = ...

if(items[i].Motto) {
    modalContent += "<p><strong>My motto is:</strong>"+ items[i].Motto +
"</p>";
}