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
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;
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 ? responses.find(status => status?.status === 'Remove invalid product').status : "No invalid product found");Hoped this helped!
strong text
const responses = [
{
"productName": "Required"
},
null,
{
"status": "Remove invalid product"
},
{
"status": "Remove invalid product"
}
];
console.log(responses.find(variable => variable?.hasOwnProperty('status'))?.status);