I have an array that looks like so:

var skillsets = [

  {id: 'one', name: 'george'},

  {id: 'two', name: 'greg'},

  {id: 'three', name: 'jason'},

  {id: 'four', name: 'jane'},

];

what I would like to do is find the row based on a value given in the form of an id with Javascript. For instance, if I put id='two' into the function, I'd like 1 to be returned as the row.

I know for a single row array, skillsets.indexOf['value'] would work, but that won't work for this JSON set.

How can I achieve this?

EDIT:

Skills = React.createClass({



    getInitialState: function() {

      return { id: 'default' };

    },



    getIndex(value, arr, prop) {

    for(var i = 0; i < arr.length; i++) {

        if(arr[i][prop] === value) {

            return i;

        }

    }

    return -1; //to handle the case where the value doesn't exist

    },



    render: function() {



        var index = getIndex(id, skillsets, 'id');



        return (



            <section id=three className=main style1 special>

                <div className=container>



                    <SkillsHeader skillsets={skillsets[index]}/>

                    {index}

                    <SkillsDetails details={details}/>

                    {index}



                </div>

            </section>



        );



    }

});