How do I determine if a variable status is present in the array and display it once only?

const responses = [
    {
        "productName": "Required"
    },
    null,
    {
        "status": "Remove invalid product"
    },
    {
        "status": "Remove invalid product"
    }
]


<div>{responses[2]?.status}</div>

Expected Output

Remove invalid product

CodePudding user response：

Array.find & check with hasOwnProperty

responses.find(e => e?.hasOwnProperty('status'))?.status

const responses = [
    {
        "productName": "Required"
    },
    null,
    {
        "status": "Remove invalid product"
    },
    {
        "status": "Remove invalid product"
    }
];

console.log(responses.find(e => e?.hasOwnProperty('status'))?.status);

CodePudding user response：

We can do this with only one function, Array.find(). We can do this by checking if it is equal to the Remove invalid product inside the function. See the example below.

const responses = [{
        "productName": "Required"
    },
    null,
    {
        "status": "Remove invalid product"
    },
    {
        "status": "Remove invalid product"
    }
];

console.log(responses.find(status => status?.status === 'Remove invalid product').status);

Hoped this helped!

CodePudding user response：

You can do it using array.find(). Try this code it's help you !

function App() {
  const responses = [
    {
      "productName": "Required"
    },
    null,
    {
      "status": "Remove invalid product"
    },
    {
      "status": "Remove invalid product"
    }
  ];

  return (
    <div> checkResponses : {responses.find(x => { if (x && x.status == "Remove invalid product") return x.status }).status}</div>
  );
};
export default App;

CodePudding user response：

strong text

const responses = [
    {
        "productName": "Required"
    },
    null,
    {
        "status": "Remove invalid product"
    },
    {
        "status": "Remove invalid product"
    }
];

console.log(responses.find(variable => variable?.hasOwnProperty('status'))?.status);