jquery - Difference between find and filter

Question

I have recently jumped into the world of jQuery. I saw the methods find() and filter() but can not figure out the difference between the two.

What exactly is the difference between the two?

Answer 1

Find vs Filter

Let's say you have this array:

array folks = [ 
  {name: "Bob", age: "32", occupation: "developer"}, 
  {name: "Bill", age: "17", occupation: "delinquent"}, 
  {name: "Brad", age: "40", occupation: "yes"} 
]

Find:

folks.find( fella => fella.name === "Bob")
//Returns an object: {name: "Bob", age: "32", occupation: "developer"}

Filter:

folks.filter( fella => fella.name === "Bob")
//Returns an array: [ {name: "Bob", age: "32", occupation: "developer"} ]