javascript find and remove object in array based on key value

Question

I have been trying several approaches on how to find an object in an array  where ID   var  and if found  remove the object from the array and return the new array of objects   Data           id   88   name   Lets go testing          id   99   name   Have fun boys and girls          id   108   name   You are awesome        I m able to search the array using jQuery  grep   var id   88   var result     grep data  function e         return e id    id         But how can I delete the entire object when id     88  and return data like this   Data           id   99   name   Have fun boys and girls          id   108   name   You are awesome

User · Answer

Array prototype removeAt   function id        for  var item in this            if  this item  id    id                this splice item  1               return true                      return false      This should do the trick  jsfiddle

User · Answer

sift is a powerful collection filter for operations like this and much more advanced ones  It works client side in the browser or server side in node js   var collection           id   88   name   Lets go testing          id   99   name   Have fun boys and girls          id   108   name   You are awesome       var sifted   sift  id    not  88    collection     It supports filters like  in   nin   exists   gte   gt   lte   lt   eq   ne   mod   all   and   or   nor   not   size   type  and  regex  and strives to be API-compatible with MongoDB collection filtering

User · Answer

You can simplify this  and there s really no need for using jquery here   var id   88   for var i   0  i  lt  data length  i          if data i  id    id            data splice i  1           break            Just iterate through the list  find the matching id  splice  and then break to exit your loop

User · Answer

Assuming that ids are unique and you ll only have to remove the one element splice should do the trick   var data         id   88   name   Lets go testing        id   99   name   Have fun boys and girls        id   108   name   You are awesome       id   88   console table data      each data  function i  el     if  this id    id       data splice i  1            console table data

User · Answer

There s a new method to do this in ES6 2015 using findIndex and array spread operator   const index   data findIndex obj   gt  obj id     id   const newData            data slice 0  index          data slice index   1      You can turn it into a function for later reuse like this   function remove array  key  value        const index   array findIndex obj   gt  obj key      value       return index  gt   0                array slice 0  index              array slice index   1          array      This way you can to remove items by different keys using one method  and if there s no object that meets the criteria  you get original array returned    const newData   remove data   id    88    const newData2   remove data   name    You are awesome       Or you can put it on your Array prototype   Array prototype remove   function  key  value        const index   this findIndex obj   gt  obj key      value       return index  gt   0                this slice 0  index              this slice index   1          this       And use it this way   const newData   data remove  id    88    const newData2   data remove  name    You are awesome

User · Answer

Maybe you are looking for   grep   function   arr         id   88   name   Lets go testing        id   99   name   Have fun boys and girls        id   108   name   You are awesome        id   88  arr     grep arr  function data  index       return data id    id

User · Answer

I can grep the array for the id  but how can I delete the entire object where id    88   Simply filter by the opposite predicate   var data     grep data  function e         return e id    id

User · Answer

If you are using underscore js  it is easy to remove object based on key  http   underscorejs org  Example     var temp1   id 1 name  safeer       temp array               id 2 name  jon                  id 3 name  James                  id 4 name  deepak                  id 5 name  ajmal        var id     pluck temp1  id      get id array from temp1   var ids  2 5 10                 ids to be removed   var bool ids         each ids function val        bool ids val  true            filter temp1 function val        return  bool ids val id

User · Answer

native ES6 solution  const pos   data findIndex el   gt  el id     ID TO REMOVE   if  pos  gt   0      data splice pos  1    if you know that the element is in the array for sure  data splice data findIndex el   gt  el id     ID TO REMOVE   1    prototype  Array prototype removeByProp   function prop val        const pos   this findIndex x   gt  x prop      val       if  pos  gt   0          return this splice pos  1          usage  ar removeByProp  id   ID TO REMOVE    http   jsfiddle net oriadam 72kgprw5  note  this removes the item in-place  if you need a new array use filter as mentioned in previous answers

User · Answer

var items         id   88   name   Lets go testing        id   99   name   Have fun boys and girls        id   108   name   You are awesome         If you are using jQuery  use jQuery grep like this   items     grep items  function item       return item id      88          items   gt     id   99       id   108       Using ES5 Array prototype filter   items   items filter function item       return item id      88           items   gt     id   99       id   108

User · Answer

Make sure you coerce the object id to an integer if you test for strict equality   var result     grep data  function e  i       return  e id     id        Demo

User · Answer

here is a solution if you are not using jquery   myArray   myArray filter function  obj       return obj id     id

User · Answer

I agree with the answers  a simple way if you want to find an object by id and remove it is simply like below code     var obj   JSON parse data      var newObj   obj filter item  gt item Id  88

[javascript] javascript find and remove object in array based on key value

Examples related to javascript

Examples related to jquery

Examples related to arrays

Examples related to object