Jquery each - Stop loop and return object

Question

Can anybody tell me why the loop did not stop after the 5 entry   http   jsbin com ucuqot edit preview      document  ready function       someArray   new Array      someArray 0     t5     someArray 1     z12     someArray 2     b88     someArray 3     s55     someArray 4     e51     someArray 5     o322     someArray 6     i22     someArray 7     k954        var test    findXX  o322             function findXX word          each someArray  function i             body   append  - gt    i   lt br   gt         if someArray i      someArray               return someArray i      lt --- did not stop the loop

User · Answer

modified   each function    fn eachReturn   function arr  callback       var result   null       each arr  function index  value          var test   callback index  value          if  test               result   test             return false                     return result       it will break loop on non-false non-empty result and return it back  so in your case it would be  return   eachReturn someArray  function i

User · Answer

Try this        someArray   new Array      someArray 0     t5     someArray 1     z12     someArray 2     b88     someArray 3     s55     someArray 4     e51     someArray 5     o322     someArray 6     i22     someArray 7     k954        var test    findXX  o322       console log test      function findXX word        for var i in someArray         if someArray i     word              return someArray i      lt ---  stop the loop

User · Answer

Because when you use a return statement inside an each loop  a  non-false  value will act as a continue  whereas false will act as a break  You will need to return false from the each function  Something like this   function findXX word        var toReturn         each someArray  function i               body   append  - gt    i   lt br   gt             if someArray i     word                toReturn   someArray i               return false                            return toReturn       From the docs      We can break the   each   loop at a particular iteration by making the   callback function return false  Returning non-false is the same as a   continue statement in a for loop  it will skip immediately to the next   iteration

User · Answer

We can break the   each   loop at a particular iteration by making   the callback function return false  Returning non-false is the same as   a continue statement in a for loop  it will skip immediately to the   next iteration     from http   api jquery com jquery each   Yea  this is old BUT  JUST to answer the question  this can be a bit simpler    x000D   x000D  function findXX word    x000D      each someArray  function index  value    x000D         body   append  - gt      index         value     lt br   gt     x000D      return   value    word   x000D        x000D    x000D    function     x000D    someArray   new Array    x000D    someArray 0     t5   x000D    someArray 1     z12   x000D    someArray 2     b88   x000D    someArray 3     s55   x000D    someArray 4     e51   x000D    someArray 5     o322   x000D    someArray 6     i22   x000D    someArray 7     k954   x000D    findXX  o322    x000D      x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 1 12 4 jquery min js  gt  lt  script gt  x000D   x000D   x000D    A bit more with comments   x000D   x000D  function findXX myA  word    x000D    let br     lt br   gt     create once x000D    let myHolder       lt div   gt      get a holder to not hit DOM a lot x000D    let found   false   default return x000D      each myA  function index  value    x000D      found    value    word   x000D      myHolder append  - gt      index         value   br   x000D      return  found  x000D        x000D       body   append myHolder html       hit DOM once x000D    return found  x000D    x000D    function     x000D       no horrid global array  easier array setup  x000D    let someArray     t5    z12    b88    s55    e51    o322    i22    k954    x000D       pass the array and the value we want to find  return back a value x000D    let test   findXX someArray   o322    x000D       body   append   lt div gt Found     test     lt  div gt     x000D      x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 1 12 4 jquery min js  gt  lt  script gt  x000D   x000D   x000D    NOTE  array  includes   may better suit here https   developer mozilla org en-US docs Web JavaScript Reference Global Objects Array includes  Or just  find   to get that https   developer mozilla org en-US docs Web JavaScript Reference Global Objects Array find

User · Answer

Rather than setting a flag  it could be more elegant to use JavaScript s Array prototype find to find the matching item in the array  The loop will end as soon as a truthy value is returned from the callback  and the array value during that iteration will be the  find call s return value  function findXX word        return someArray find  item  i    gt               body   append  - gt    i   lt br   gt             return item     word               x000D   x000D  const someArray   new Array    someArray 0     t5   someArray 1     z12   someArray 2     b88   someArray 3     s55   someArray 4     e51   someArray 5     o322   someArray 6     i22   someArray 7     k954    var test   findXX  o322    console log  found word    test    function findXX word      return someArray find  item  i    gt           body   append  - gt      i     lt br   gt         return item     word          x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 3 3 1 jquery min js  gt  lt  script gt  x000D   x000D   x000D

User · Answer

here    http   jsbin com ucuqot 3 edit  function findXX word          each someArray  function i n             body   append  - gt    i   lt br   gt         if n    word              return false

[jquery] Jquery each - Stop loop and return object

Examples related to jquery

Examples related to loops

Examples related to return

Examples related to each