Find a Particular item within an Array of Objects

In this blog you will learn how to to Find a Particular item within an Array of Objects.

When we use array objects in JavaScript or JQuery, it often required us to find a particular item of the array depending upon a particular field value.  We can easily find this.

 

For doing this, we first we have to create an array objects like below:

var source = [{
    Id: 1,
    City: "Kolkata",
    State: "West Bengal",
    Region: "East"
}, {
    Id: 2,
    City: "New Delhi",
    State: "Delhi",
    Region: "North"
}, {
    Id: 3,
    City: "Mumbai",
    State: "Maharastra",
    Region: "West"
}, {
    Id: 4,
    City: "Chennai",
    State: "Tamilnadu",
    Region: "South"
}, {
    Id: 5,
    City: "Bangalore",
    State: "Karnataka",
    Region: "South"
}];

Now suppose we want to find the particular item within the array based on City name. Like if we provide city name as Chennai, then it will return the entire details of chennai .

 

For this, we right down the below code:

var result_obj = objectFindByKey(source, 'City', 'Chennai');

function objectFindByKey(array, key, args)
{
    for (var i = 0; i < array.length; i++)
    {
        var value = array[i][key];
        var type = typeof value;
        if (type == "number") {
            if (array[i][key] === Number(args))
            {
                return array[i];
            }
        } else {
            if (array[i][key] === args)
            {
                return array[i];
            }
        }
    }
    return null;
}