Remove an item from array using UnderscoreJS

Question

Say I have this code   var arr     id 1 name  a    id 2 name  b    id 3 name  c       and I want to remove the item with id   3 from the array  Is there a way of doing this without splicing  Maye something using underscore or something like that Thanks

User · Answer

Underscore has a  without   method perfect for removing an item from an array  especially if you have the object to remove      Returns a copy of the array with all instances of the values removed      without   bob    sam    fred     sam       gt    bob    fred     Works with more complex objects too   var bob     Name   Bob   Age  35    var sam     Name   Sam   Age  19    var fred     Name   Fred   Age  50     var people    bob  sam  fred     without people  sam      gt     Name   Bob   Age  35      Name   Fred   Age  50       If you don t have the item to remove  just a property of it  you can use   findWhere and then   without

User · Answer

Use can use plain JavaScript s Array filter method like this               x000D   x000D  var arr     id 1 name  a    id 2 name  b    id 3 name  c     x000D   x000D  var filteredArr   arr filter obj   gt  obj id    3   x000D   x000D  console log filteredArr   x000D   x000D   x000D    Or  use Array reduce and Array concat methods like this              x000D   x000D  var arr     id 1 name  a    id 2 name  b    id 3 name  c     x000D   x000D  var reducedArr   arr reduce  accumulator  currObj    gt    x000D    return  currObj id    3    accumulator concat currObj    accumulator  x000D          x000D   x000D  console log reducedArr   x000D   x000D   x000D    NOTE     Both of these are pure functional approach  i e  they don t modify the existing array   No  external library is required in these approach  Vanilla JavaScript is enough

User · Answer

By Using underscore js  var arr     id 1 name  a    id 2 name  b    id 3 name  c      var resultArr     reject arr  id 3     console log resultArr     The result will be      id 1name  a    id 2 name  c

User · Answer

Just using plain JavaScript  this has been answered already  remove objects from array by object property   Using underscore js  you could combine  findWhere with  without    x000D   x000D  var arr      x000D    id  1  x000D    name   a  x000D       x000D    id  2  x000D    name   b  x000D       x000D    id  3  x000D    name   c  x000D      x000D   x000D    substract third x000D  arr     without arr    findWhere arr    x000D    id  3 x000D       x000D  console log arr   x000D   lt script src  https   cdnjs cloudflare com ajax libs underscore js 1 8 3 underscore-min js  gt  lt  script gt  x000D   x000D   x000D    Although  since you are creating a new array in this case anyway  you could simply use   filter or the native Array prototype filter function  just like shown in the other question   Then you would only iterate over array once instead of potentially twice like here   If you want to modify the array in-place  you have to use  splice  This is also shown in the other question and undescore doesn t seem to provide any useful function for that

User · Answer

Use Underscore   reject     arr     reject arr  function d   return d id     3

User · Answer

You can use Underscore  filter      var arr            id  1        name   a                 id  2        name   b                 id  3        name   c               var filtered     arr  filter function item             return item id     3           Can also be written as   var filtered   arr filter function item        return item id     3      var filtered     filter arr  function item        return item id     3       Check Fiddle  You can also use  reject

User · Answer

Other answers create a new copy of the array  if you want to modify the array in place you can use   arr splice   findIndex arr    id  3     1     But that assumes that the element will always be found inside the array  because if is not found it will still remove the last element   To be safe you can use   var index     findIndex arr    id  3     if  index  gt  -1        arr splice index  1

User · Answer

You can use reject method of Underscore  below will return a new array which won t have array with particular match      arr     reject arr  function objArr   return objArr id    3

User · Answer

or another handy way     omit arr    findWhere arr   id  3       my 2 cents

User · Answer

Please exercise care if you are filtering strings and looking for case insensitive filters    without   is case sensitive  You can also use   reject   as shown below   var arr     test   test1   test2     var filtered     filter arr  function arrItem        return arrItem toLowerCase        TEST  toLowerCase        console log filtered        test1    test2    var filtered1     without arr  TEST    console log filtered1        test    test1    test2    var filtered2     reject arr  function arrItem        return arrItem toLowerCase        TEST  toLowerCase        console log filtered2        test1    test2

User · Answer

I used to try this method    filter data  function d    return d name     a        There might be better methods too like the above solutions provided by users

[javascript] Remove an item from array using UnderscoreJS

Examples related to javascript

Examples related to underscore.js