Records not being filtered by the filter

Question

Records not being filtered by the filter

I am struggling to identify records within $scope.employees that do not have a corresponding record in $scope.allEmployeeGroups. The filter does not seem to be working correctly, as it is returning all records instead of just a few unmatched ones. Despite knowing that there should only be a few mismatches, the result includes all records. In each case, the indexOf value is -1 when I expected it to be different. I am unable to pinpoint what mistake I am making. Below is the code I am using:

    function getNonGroupEmployees() {
    var arr = $scope.employees.filter(function (item) {
        return $scope.allEmployeeGroups.indexOf(item.EmployeeId) === -1;
    })
    return arr;
}

Employee Object:

public System.Guid EmployeeId { get; set; }
    public Nullable<System.Guid> SiteId { get; set; }
    // Other properties related to employee...

Group Object:

            public Guid EmployeeGroupId { get; set; }
        public Guid SiteId { get; set; }
        // Other properties related to group...

I would greatly appreciate any help or guidance on this matter.

javascript angularjs

Answer 1

Answer №1

Instead of using .IndexOf() to search for objects, consider using property matching. Objects will not match if they do not have the same reference.

Try implementing the following code block:

function getNonGroupEmployees() {
        var arr = $scope.employees.filter(function (item) {
            return $scope.allEmployeeGroups.find(function(p){ 
                return p.EmployeeId == item.EmployeeId
            })=== null;
        })
        return arr;
}

Here are the data structures as requested:

Employee:

public System.Guid EmployeeId { get; set; }
        public Nullable<System.Guid> SiteId { get; set; }
        public string SiteName { get; set; }
        public string DisplayName { get; set; }
        public string FirstName { get; set; }
        public string MiddleName { get; set; }
        public string LastName { get; set; }
        public string Suffix { get; set; }
        public string Alias { get; set; }
        public Nullable<System.DateTime> DOB { get; set; }
        public string SsnLastFour { get; set; }
        public string Email { get; set; }
        public string UserName { get; set; }
        public string Password { get; set; }
        public bool IsActive { get; set; }
        public bool IsLoginEnabled { get; set; }
        public Nullable<System.DateTime> LastLogin { get; set; }
        public Nullable<System.Guid> SignatureTypeId { get; set; }
        public string SignatureType { get; set; }
        public string NumberHome { get; set; }
        public string NumberCell { get; set; }
        public bool IsSuperUser { get; set; }
        public bool IsDeleted { get; set; }
        public System.DateTime Created { get; set; }
        public System.DateTime LastModified { get; set; }
        public Nullable<System.Guid> ModifiedByEmployeeId { get; set; }
        public string ApiKey { get; set; }

Employee Group

            public Guid EmployeeGroupId { get; set; }
        public Guid SiteId { get; set; }
        public Guid EmployeeId { get; set; }
        public Guid SiteGroupId { get; set; }
        public bool IsDeleted { get; set; }
        public DateTime Created { get; set; }
        public DateTime LastModified { get; set; }
        public Guid? ModifiedByEmployeeId { get; set; }
        public string SiteName { get; set; }
        public string EmployeeName { get; set; }
        public string SiteGroupName { get; set; }
        public string ModifiedByEmployeeName { get; set; }

Answer 2

Instead of using .IndexOf() to search for objects, consider using property matching. Objects will not match if they do not have the same reference.

Try implementing the following code block:

function getNonGroupEmployees() {
        var arr = $scope.employees.filter(function (item) {
            return $scope.allEmployeeGroups.find(function(p){ 
                return p.EmployeeId == item.EmployeeId
            })=== null;
        })
        return arr;
}

Here are the data structures as requested:

Employee:

public System.Guid EmployeeId { get; set; }
        public Nullable<System.Guid> SiteId { get; set; }
        public string SiteName { get; set; }
        public string DisplayName { get; set; }
        public string FirstName { get; set; }
        public string MiddleName { get; set; }
        public string LastName { get; set; }
        public string Suffix { get; set; }
        public string Alias { get; set; }
        public Nullable<System.DateTime> DOB { get; set; }
        public string SsnLastFour { get; set; }
        public string Email { get; set; }
        public string UserName { get; set; }
        public string Password { get; set; }
        public bool IsActive { get; set; }
        public bool IsLoginEnabled { get; set; }
        public Nullable<System.DateTime> LastLogin { get; set; }
        public Nullable<System.Guid> SignatureTypeId { get; set; }
        public string SignatureType { get; set; }
        public string NumberHome { get; set; }
        public string NumberCell { get; set; }
        public bool IsSuperUser { get; set; }
        public bool IsDeleted { get; set; }
        public System.DateTime Created { get; set; }
        public System.DateTime LastModified { get; set; }
        public Nullable<System.Guid> ModifiedByEmployeeId { get; set; }
        public string ApiKey { get; set; }

Employee Group

            public Guid EmployeeGroupId { get; set; }
        public Guid SiteId { get; set; }
        public Guid EmployeeId { get; set; }
        public Guid SiteGroupId { get; set; }
        public bool IsDeleted { get; set; }
        public DateTime Created { get; set; }
        public DateTime LastModified { get; set; }
        public Guid? ModifiedByEmployeeId { get; set; }
        public string SiteName { get; set; }
        public string EmployeeName { get; set; }
        public string SiteGroupName { get; set; }
        public string ModifiedByEmployeeName { get; set; }

Answer 3

Answer №2

After searching for a solution, I came across this helpful answer. Finally, the following code snippet did the trick:

function getNonGroupEmployees() {
    var result = $scope.employees.filter(function (o1) {
        return !$scope.allEmployeeGroups.some(function (o2) {
            return o1.EmployeeId === o2.EmployeeId;          // assuming unique id
        });
    })
    return result;
}

Answer 4

After searching for a solution, I came across this helpful answer. Finally, the following code snippet did the trick:

function getNonGroupEmployees() {
    var result = $scope.employees.filter(function (o1) {
        return !$scope.allEmployeeGroups.some(function (o2) {
            return o1.EmployeeId === o2.EmployeeId;          // assuming unique id
        });
    })
    return result;
}

Records not being filtered by the filter

Answer №1

Answer №2

Similar questions

Setting up Next.js configuration for JSX file type

Exploring the components of the scene with three.js

Create a dynamic animation effect for the placeholder in an input field that triggers when the user starts typing

Is there a way to sort search outcomes by a drop-down menu in Next.js?

An Array of objects is considered NULL if it does not contain any values before being iterated through

The lack of HTML pre-rendering in a Next.js app with SSR means that the content is not accessible to web-scrapers

What is the best way to compare two arrays that have elements of different data types?

Is it possible to update my services list based on which checkboxes I choose to uncheck at the top?

Retrieving information from an ajax array in PHP

angularjs select not chosen option

Sending an angular1 function to a downgraded angular2 component

Go to a specific state based on conditions using Angular's UI-Router

Tips for effectively creating and appending elements using JavaScript

Icon Searchbar Feature in Ionic 2

Preventing SQL Injection by properly formatting SQL queries

Combining Two Tables Using jQuery

Why am I unable to utilize methods in Vue.js?

Tips for retrieving document body from a script embedded within document.write

Looking for a way to locate the point where objects intersect in three.js?

Execute a JavaScript function prior to initiating an AJAX request