remove objects from array by object property

Question

var listToDelete     abc    efg     var arrayOfObjects     id  abc  name  oh       delete me                        id  efg  name  em       delete me                        id  hij  name  ge       all that should remain   How do I remove an object from the array by matching object property   Only native JavaScript please   I am having trouble using splice because length diminishes with each deletion  Using clone and splicing on orignal index still leaves you with the problem of diminishing length

User · Answer

with filter  amp  indexOf  withLodash     filter arrayOfObjects   obj    gt   listToDelete indexOf obj id      -1    withoutLodash   arrayOfObjects filter obj   gt  listToDelete indexOf obj id      -1     with filter  amp  includes  withLodash     filter arrayOfObjects   obj    gt    listToDelete includes obj id    withoutLodash   arrayOfObjects filter obj   gt   listToDelete includes obj id

User · Answer

You can remove an item by one of its properties without using any 3rd party libs like this  var removeIndex   array map item   gt  item id                          indexOf  quot abc quot      removeIndex  amp  amp  array splice removeIndex  1

User · Answer

var arrayOfObjects     id  abc  name  oh       delete me                        id  efg  name  em       delete me                        id  hij  name  ge       all that should remain   as per your answer will be like this  when you click some particular object send the index in the param for the delete me function  This simple code will work like charm   function deleteme i       if  i  gt  -1          arrayOfObjects splice i  1

User · Answer

If you like short and self descriptive parameters or if you don t want to use splice and go with a straight forward filter or if you are simply a SQL person like me   function removeFromArrayOfHash p array of hash  p key  p value to remove       return p array of hash filter  l cur row    gt   return l cur row p key     p value to remove        And a sample usage   l test arr                     post id  1          post content   Hey I am the first hash with id 1                       post id  2          post content   This is item 2                       post id  1          post content   And I am the second hash with id 1                       post id  3          post content   This is item 3                 l test arr   removeFromArrayOfHash l test arr   post id   2      gives both of the post id 1 hashes and the post id 3  l test arr   removeFromArrayOfHash l test arr   post id   1      gives only post id 3  since 1 was removed in previous line

User · Answer

With lodash underscore  If you want to modify the existing array itself  then we have to use splice  Here is the little better readable way using findWhere of underscore lodash  var items    id  abc  name  oh       delete me                    id  efg  name  em                       id  hij  name  ge      items splice   indexOf items    findWhere items    id    quot abc quot      1    With ES5 or higher  without lodash underscore  With ES5 onwards we have findIndex method on array  so its easier without lodash underscore items splice items findIndex function i       return i id      quot abc quot       1     ES5 is supported in almost all morden browsers  About findIndex  and its Browser compatibility

User · Answer

Check this out using Set and ES6 filter     let result   arrayOfObjects filter  el   gt   -1    listToDelete indexOf el id        console log result     Here is JsFiddle  https   jsfiddle net jsq0a0p1 1

User · Answer

You can use filter  This method always returns the element if the condition is true  So if you want to remove by id you must keep all the element that doesn t match with the given id  Here is an example      arrayOfObjects   arrayOfObjects filter obj    obj id    idToRemove

User · Answer

var apps     id 34 name  My App  another  thing    id 37 name  My New App  another  things    var removeIndex   apps map function item    return item id     indexOf 37  apps splice removeIndex  1

User · Answer

findIndex works for modern browsers  var myArr     id  a    id  myid    id  c     var index   myArr findIndex function o     return o id      myid      if  index     -1  myArr splice index  1

User · Answer

Only native JavaScript please    As an alternative  more  functional  solution  working on ECMAScript 5  you could use   var listToDelete     abc    efg    var arrayOfObjects     id  abc  name  oh       delete me                        id  efg  name  em       delete me                        id  hij  name  ge        all that should remain  arrayOfObjects reduceRight function acc  obj  idx        if  listToDelete indexOf obj id   gt  -1          arrayOfObjects splice idx 1      0      initial value set to avoid issues with the first item and           when the array is empty   console log arrayOfObjects       id   hij   name   ge        According to the definition of  Array prototype reduceRight   in ECMA-262      reduceRight does not directly mutate the object on which it is called but the object may be mutated by the calls to callbackfn    So this is a valid usage of reduceRight

User · Answer

Loop in reverse by decrementing i to avoid the problem   for  var i   arrayOfObjects length - 1  i  gt   0  i--        var obj   arrayOfObjects i        if  listToDelete indexOf obj id      -1            arrayOfObjects splice i  1             Or use filter   var newArray   arrayOfObjects filter function obj        return listToDelete indexOf obj id      -1

User · Answer

I assume you used splice something like this   for  var i   0  i  lt  arrayOfObjects length  i          var obj   arrayOfObjects i        if  listToDelete indexOf obj id      -1            arrayOfObjects splice i  1             All you need to do to fix the bug is decrement i for the next time around  then  and looping backwards is also an option    for  var i   0  i  lt  arrayOfObjects length  i          var obj   arrayOfObjects i        if  listToDelete indexOf obj id      -1            arrayOfObjects splice i  1           i--           To avoid linear-time deletions  you can write array elements you want to keep over the array   var end   0   for  var i   0  i  lt  arrayOfObjects length  i          var obj   arrayOfObjects i        if  listToDelete indexOf obj id      -1            arrayOfObjects end      obj           arrayOfObjects length   end    and to avoid linear-time lookups in a modern runtime  you can use a hash set   const setToDelete   new Set listToDelete   let end   0   for  let i   0  i  lt  arrayOfObjects length  i          const obj   arrayOfObjects i        if  setToDelete has obj id             arrayOfObjects end      obj           arrayOfObjects length   end    which can be wrapped up in a nice function    x000D   x000D  const filterInPlace    array  predicate    gt    x000D      let end   0  x000D   x000D      for  let i   0  i  lt  array length  i      x000D          const obj   array i   x000D   x000D          if  predicate obj     x000D              array end      obj  x000D            x000D        x000D   x000D      array length   end  x000D     x000D   x000D  const toDelete   new Set   abc    efg     x000D   x000D  const arrayOfObjects     id   abc   name   oh    x000D                           id   efg   name   em    x000D                           id   hij   name   ge     x000D   x000D  filterInPlace arrayOfObjects  obj   gt   toDelete has obj id    x000D  console log arrayOfObjects   x000D   x000D   x000D    If you don   t need to do it in place  that   s Array filter   const toDelete   new Set   abc    efg     const newArray   arrayOfObjects filter obj   gt   toDelete has obj id

User · Answer

To delete an object by it s id in given array   const hero      id    1   name     hero1      id   2   name     hero2       remove hero1 const updatedHero   hero filter item   gt  item id     1

User · Answer

If you just want to remove it from the existing array and not create a new one  try   var items     Id  1   Id  2   Id  3    items splice   indexOf items    find items  function  item    return item Id     2       1

[javascript] remove objects from array by object property

Examples related to javascript