令人讨厌的对象键和 es6 对象的 1 行中的值？

Question

我有一个带有一行键和值的对象。 我正在尝试映射这些键并显示值。

   productObj = {id:0, name:"toy", price:10, description:null, inventory:7 }

   productObj.map((product, index) => { 
      if(product.inventory > 0){
       return(
          <div>Product Inventory: {product.inventory}</div>
        );
      }
      if(product.description){
        return(
          <p>{product.description}</p>
        );
      }
    })

这是我想要完成的一个例子。

我用过：

  const keys = Object.keys(productObj)

我能够映射键值数组。

但是，这意味着我必须重新使用原始对象来获取键的值。

我确定有更好的方法来实现这一点吗？谢谢。

Answer 1

如果你想要键和值，你可以使用Object.entries。

return Object.entries(productObj).filter(x => x[1]).map(([k,v]) => <div>{`k:{v}`}</div>)

“使用上面的例子。if(inventory>2)是否可以实现这个if语句。减少”。

您可以创建具有不同键的对象，这些键具有不同键的功能。

const obj = {
   invetory:a => a > 2
}
return Object.entries(productObj)
            .filter(([k,v]) => obj[k] ? obj[k]() : x[1])
            .map(([k,v]) => <div>{`k:{v}`}</div>)