Searching in array returns only the first result

Question

I'm trying to search in an array and find specific objects based on their category.

But when I run my code, I only get one result. but in the example below, I should have two results because the cat 2 exists in two of the objects!

This is what I have:

var storedArray = [{
	"title": "test title 1",
	"date_added": "2018-09-26",
	"url": "someurl.com",
	"filename": "file 1",
	"category": "cat 1"
}, {
	"title": "test title 2",
	"date_added": "2018-10-25",
	"url": "someurl.com",
	"filename": "file 2",
	"category": "cat 2"
},{
	"title": "test title 3",
	"date_added": "2018-10-25",
	"url": "someurl.com",
	"filename": "file 3",
	"category": "cat 2"
}];

var result = storedArray.find( audio => audio.category === 'cat 2' );

console.log(result);

Could someone please advice on this issue?

"The find() method returns the value of the first element in the array that satisfies the provided testing function. Otherwise undefined is returned." MDN — epascarello
– epascarello, Commented Oct 2, 2018 at 13:16

Mamun · Accepted Answer · 2018-10-02 13:36:29Z

10

Array.prototype.find()

The find() method returns the value of the first element in the array that satisfies the provided testing function. Otherwise undefined is returned.

Array.prototype.filter()

The filter() method creates a new array with all elements that pass the test implemented by the provided function.

From the above, you have to use filter() to get the expected result:

var storedArray = [{
	"title": "test title 1",
	"date_added": "2018-09-26",
	"url": "someurl.com",
	"filename": "file 1",
	"category": "cat 1"
}, {
	"title": "test title 2",
	"date_added": "2018-10-25",
	"url": "someurl.com",
	"filename": "file 2",
	"category": "cat 2"
},{
	"title": "test title 3",
	"date_added": "2018-10-25",
	"url": "someurl.com",
	"filename": "file 3",
	"category": "cat 2"
}];

var result = storedArray.filter( audio => audio.category === 'cat 2' );

console.log(result);

edited Oct 2, 2018 at 13:36

answered Oct 2, 2018 at 13:12

Mamun

69k9 gold badges51 silver badges62 bronze badges

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

Comments

Danmoreng · Accepted Answer · 2018-10-02 13:12:31Z

8

Array.prototype.find() returns the first element found. You are looking for Array.prototype.filter()

answered Oct 2, 2018 at 13:12

Danmoreng

2,3671 gold badge20 silver badges32 bronze badges

Comments

RedKen · Accepted Answer · 2018-10-02 13:56:06Z

4

You want to use filter function.

answered Oct 2, 2018 at 13:56

RedKen

1677 bronze badges

Comments

markb · Accepted Answer · 2018-10-02 13:12:39Z

0

From the MDN documentation on find...

The find() method returns the value of the first element in the array that satisfies the provided testing function. Otherwise undefined is returned.

Key word: first.

answered Oct 2, 2018 at 13:12

markb

2792 silver badges9 bronze badges

2 Comments

Andy Over a year ago

And what's the solution?

markb Over a year ago

Use filter. Filter returns an array populated by every result, from the original array, that returns true in your callback function. storedArray.filter(obj => obj.category === 'cat 2);

Simeon Stoykov · Accepted Answer · 2018-10-02 13:13:16Z

0

The method you are using .find() is returning only the first record that matches the condition, this is why you are getting only 1 result.

answered Oct 2, 2018 at 13:13

Simeon Stoykov

9817 silver badges11 bronze badges

Collectives™ on Stack Overflow

Searching in array returns only the first result

5 Answers 5

Comments

Comments

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related