javascript - 如何在 React 中检查数组中的对象是否包含键

Question

我是 React 新手，我陷入了困境。我有一个处于状态的数组，其中包含一个对象。该数组如下所示:

myVar = [
      {
      "a": 1,
      "b":2
  },
  {
    "c":1,
    "d":1
  },
  {
    "e":"",
    "f":4
  }
  ];

我想通过使用 this.state 检查数组是否包含键 a 或 c 或 f。 myVar 语法。它包含什么值(value)并不重要。它可以为空。

我找不到使用 JSX 检查它的方法。

我的输出取决于它。就像如果数组包含一个名为 a 或 c 或 f 的键，那么它将根据可用的键显示数据。我可以完成这部分，但不确定如何检查 key 的可用性。请帮助我。

Answer 1

I couldn't find a way to check it using JSX.

这与 JSX 或 React 无关。您需要迭代数组并检查。

<小时/>

您可以使用任何循环和 hasOwnProperty检查对象是否有该键。 一种可能的检查方法是使用 #Array.some 。

像这样:

myVar = [
  {
    "a": 1,
    "b":2
  },
  {
    "c":1,
    "d":1
  },
  {
    "e":"",
    "f":4
  }
];

let isKeyPresent = myVar.some(el => {
  if(el.hasOwnProperty('a') || el.hasOwnProperty('b') || el.hasOwnProperty('f'))
    return true;
})

console.log('isKeyPresent', isKeyPresent);