Find a value in an array of objects using Jquery

Question

I have a array of objects say items. I want to find item having name xyz.

Currently, I wrote a for loop

for(var i = 0; i < items.length; i++)
{
    if( items[i].name == "xyz" ) 
    {
        found = true;
        break;
    }
}

Is it possible to shorten this loop to one line statement using jquery? something like this:

$.find(items, "name", "xyz");

@huMptyduMpty: No, that's just indexOf.

Bergi
– Bergi

2012-12-14 12:09:52 +00:00
Commented Dec 14, 2012 at 12:09 — Bergi
– Bergi, Commented Dec 14, 2012 at 12:09

Denys Séguret · Accepted Answer · 2012-12-14 12:03:05Z

1

You might use

var matchingItems = items.filter(function(v){return v.name=="xyz"});

or using jQuery (for greater compatibility, as like many Array functions, filter or some aren't available on IE8) :

var matchingItems = $.grep(items, function(v){return v.name=="xyz"});

answered Dec 14, 2012 at 12:03

Denys Séguret

384k90 gold badges813 silver badges780 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Kevindra Over a year ago

Thanks a ton! this is very neat and efficient.

Bergi Over a year ago

@KevindraSingh: Don't you want to return a boolean value instead of an array?

Kevindra Over a year ago

I want the item object. it's returning the same.

Sudhir Bastakoti · Accepted Answer · 2012-12-14 12:05:45Z

1

Something like:

$.grep(yourArray, function(n) { 
    return n.name == "xyz"; 
});

answered Dec 14, 2012 at 12:05

Sudhir Bastakoti

100k15 gold badges163 silver badges169 bronze badges

Comments

Bergi · Accepted Answer · 2012-12-14 12:16:31Z

0

Use the native some method:

items.some(function(el) { return el.name == "xyz"; })

With jQuery, you would need to do something like $.grep and then check the length ($.grep(items, function(el){ return el.name=="xyz"; }).length > 1) - not an optimal solution. If you want to use a library solution for those browsers that don't support some (and don't want to use the polyfill), use Underscore's any.

edited Dec 14, 2012 at 12:16

answered Dec 14, 2012 at 12:03

Bergi

671k162 gold badges1k silver badges1.5k bronze badges

3 Comments

Denys Séguret Over a year ago

some isn't available on IE8.

Bergi Over a year ago

@dystroy: I already mentioned two solutions for buggy browsers.

Denys Séguret Over a year ago

Those mentions weren't there when I commented. It seems this is still a needed precision.

Shahzeb Khan · Accepted Answer · 2012-12-14 12:16:52Z

0

    var arr = ["abc", "xyz" ];
        if($.inArray("abc",arr) > 0){
          return true;
        }
else 
return false

this will return the index of "searching string"

if not found, it will return -1.

answered Dec 14, 2012 at 12:16

Shahzeb Khan

3,6428 gold badges47 silver badges82 bronze badges

Comments

Rohan Patil · Accepted Answer · 2012-12-14 12:18:44Z

0

Use jQuerys inArray Example

http://api.jquery.com/jQuery.inArray/

might helps you

edited Dec 14, 2012 at 12:18

answered Dec 14, 2012 at 12:05

Rohan Patil

1,9731 gold badge23 silver badges36 bronze badges

Comments

nbrooks · Accepted Answer · 2012-12-14 13:02:56Z

0

(function( $ ) {
    $.find = function( array, property, key ) {
        var found = false;
        for(var i = 0; i < array.length; i++)
        {
            if( array[i][property] == key ) 
            {
                found = true;
                break;
            }
        }
        return found ? i : -1;
    };
})( jQuery );

Usage: $.find(items, "name", "xyz");

edited Dec 14, 2012 at 13:02

answered Dec 14, 2012 at 12:04

nbrooks

18.2k5 gold badges58 silver badges68 bronze badges

1 Comment

Bergi Over a year ago

You would not put this function on $.fn

Collectives™ on Stack Overflow

Find a value in an array of objects using Jquery

6 Answers 6

3 Comments

Comments

3 Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

3 Comments

Comments

3 Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related