I have a set of JSON data returned by the backend API, and i need to loop through existing array and get the index to be used in splice, thus i am using indexOf method bined with the filter function from angular.

I am able to filter the data out from existing array, however i am unable to get the index of the array, it returned -1.

This is how do it.

JS

angular.forEach($scope.data, function(){
   var index = $scope.Tablelist.indexOf($filter('filter')($scope.Tablelist,{id: $scope.data.id},true));
   console.log($filter('filter')($scope.Tablelist,{id: $scope.data.id},true));
   console.log(index);
})

I have a set of JSON data returned by the backend API, and i need to loop through existing array and get the index to be used in splice, thus i am using indexOf method bined with the filter function from angular.

I am able to filter the data out from existing array, however i am unable to get the index of the array, it returned -1.

This is how do it.

JS

angular.forEach($scope.data, function(){
   var index = $scope.Tablelist.indexOf($filter('filter')($scope.Tablelist,{id: $scope.data.id},true));
   console.log($filter('filter')($scope.Tablelist,{id: $scope.data.id},true));
   console.log(index);
})

• javascript
• arrays
• angularjs

Share Improve this question Follow asked May 18, 2016 at 5:51 JosephJoseph 73355 gold badges1818 silver badges4242 bronze badges 0

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 3

$filter returns an array, from which you need to get the first element, and then search with indexOf:

var index = $scope.Tablelist.indexOf(
                $filter('filter')($scope.Tablelist,{id: $scope.data.id},true)[0]
            );

However, I would just use Array.prototype.findIndex(). It will be much faster, since it won't iterate the Tablelist more than it needs to.

var index = $scope.Tablelist.findIndex(function(item) {
    return item.id === $scope.data.id;
});

Or a regular for loop if you want better browser patibility:

var index = -1;
for (var i = 0; i < $scope.Tablelist.length; i++)
    if ($scope.Tablelist[i].id === $scope.data.id) {
        index = i;
        break;
    }
}

Try this:

var object = $filter('filter')($scope.Tablelist, function (d) {
   return d.id === $scope.data.id;
})[0]
console.log(object);
console.log($scope.Tablelist.indexOf(object);

$filter('filter')($scope.Tablelist,{id: $scope.data.id},true) 

Returns a an array of length 1, not the item itself.

$filter('filter')($scope.Tablelist,{id: $scope.data.id},true)[0] 

may do the trick

$filter returns an array, you are trying to find index of that array in your Tablelist which returns -1, try:

var index =
  $scope.Tablelist.indexOf($filter('filter')($scope.Tablelist,{id: $scope.data.id},true)[0]));