How to find item in array in React Code Answer

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.

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.

Related Posts

Tutorial Guruji