缺少属性的对象的 javascript 渲染函数答案

【问题标题】：javascript render function for objects with missing properties缺少属性的对象的 javascript 渲染函数
【发布时间】：2016-09-01 06:53:30
【问题描述】：

我们的联系人记录有一个电话对象，它有 13 个可能的子对象，对应于以下电话类型：

      personalMobile1,
      personalMobile2,
      personalMobile3,
      workMobile1,
      workMobile2,
      workMobile3,
      homePhone1,
      homePhone2,
      homePhone3,
      workPhone1,
      workPhone2,
      workPhone3,
      workFax1

我正在尝试编写一个渲染函数，它将仅输出已定义的数字（例如 mobilePhone1.number）。

其中许多子对象可能不会出现在返回的联系人对象上。这是最大可能的对象。

假设我只有 2 个子对象，那么我想要这样的输出：

<p> +91 9883727387 </p>
<p> +91 9736551225 </p>

【问题讨论】：

您有任何代码吗，或者您认为您已经访问了 icanhazcode.com？

标签： javascript object jsx

【解决方案1】：

If (mobilePhone.hasOwnProperty("number")) {
    // do something here...
}

您可以在 jsx 渲染函数中使用这些条件，只需使用 && 符号 p>

MobilePhone.hasOwnProperty && 
<React-component />

您可能正在循环访问一堆联系人，所以这里是一个示例：

Contacts.map(function (contactObj) {
   If (contactObj.hasOwnProperty("number") {
      Return <p> { contactObj.number } </p> 
   }
});

【讨论】：