Hello Developer, Hope you guys are doing great. Today at Tutorial Guruji Official website, we are sharing the answer of How to find item in array in React without wasting too much if your time.
The question is published on by Tutorial Guruji team.
The question is published on by Tutorial Guruji team.
I want to retrieve data from a json file and then match it with the value of an existing variable and if the variable value matches the data in json it will display a message “a” and if it does not match it will display a message “b”.
the json file is like this
["23435","87567", "34536","45234","34532","65365"]
Answer
What you want is to find a value in an array.
You can use includes
const array = ["23435","87567", "34536","45234","34532","65365"]
const aConstant = "23435"
return (<div>{ array.includes(aConstant) ? 'a' : 'b' }</div>)
Same thing with indexOf
const array = ["23435","87567", "34536","45234","34532","65365"]
const aConstant = "23435"
return (<div>{ array.indexOf(aConstant) !== -1 ? 'a' : 'b' }</div>)
You can also try filter
const array = ["23435","87567", "34536","45234","34532","65365"]
const aConstant = "23435"
return (<div>{ Boolean(array.filter( x => x === aConstant)) ? 'a' : 'b' }</div>)
And even find
const array = ["23435","87567", "34536","45234","34532","65365"]
const aConstant = "23435"
return (<div>{ array.find( x => x === aConstant) ? 'a' : 'b' }</div>)
We are here to answer your question about How to find item in array in React - If you find the proper solution, please don't forgot to share this with your team members.