Tips for obtaining the unique array element lengths in a JSON array

Question

Tips for obtaining the unique array element lengths in a JSON array

How can I determine the number of active users in a JSON array that includes both active and inactive user statuses?

{
  "body": {
    "existing_users": [
      {
        "product": "Pack-2",
        "user_status": "Inactive"
      },
      {
        "product": "Pack-1",
        "user_status": "Active"
      },
      {
        "product": "Pack-3",
        "user_status": "Active"
      },
      {
        "product": "Pack-5",
        "user_status": "Active"
      },
      {
        "product": "Pack-1",
        "user_status": "Inactive"
      },
      {
        "product": "Pack-1",
        "user_status": "Active"
      }
    ]
  }
}

The JSON array above contains information on product and user status. I want to specifically calculate the count of active users within this array.

I attempted to use the spread operator:

console.log(...this.user.body.existing_users);

This provided me with a list of all users, but now I need to filter only the active users based on their user status.

Check out the stackblitz link for more details!

javascript arrays json angular typescript

Answer 1

Answer №1

Give this a shot

countActiveUsers() {
  const activeUsers = this.users.filter(
    user => user.status === 'Active'
  );

  console.log(activeUsers.length);
}

Answer 2

Give this a shot

countActiveUsers() {
  const activeUsers = this.users.filter(
    user => user.status === 'Active'
  );

  console.log(activeUsers.length);
}

Answer 3

Answer №2

The filter method can be handy when you need to remove any Inactive users from a list.

const active_users = this.user.body.existing_users.filter(user => user.user_status !== "Inactive")
console.log(...active_users);

Answer 4

The filter method can be handy when you need to remove any Inactive users from a list.

const active_users = this.user.body.existing_users.filter(user => user.user_status !== "Inactive")
console.log(...active_users);

Answer 5

Answer №3

const userStatus = {
  "results": {
    "users_list": [
      {
        "name": "Anna",
        "status": "Active"
      },
      {
        "name": "Bob",
        "status": "Inactive"
      },
      {
        "name": "Charlie",
        "status": "Active"
      }
    ]
  }
}

console.log(userStatus.results.users_list.filter(user => user.status === "Active").length)

Answer 6

const userStatus = {
  "results": {
    "users_list": [
      {
        "name": "Anna",
        "status": "Active"
      },
      {
        "name": "Bob",
        "status": "Inactive"
      },
      {
        "name": "Charlie",
        "status": "Active"
      }
    ]
  }
}

console.log(userStatus.results.users_list.filter(user => user.status === "Active").length)

Answer 7

Answer №4

  var JSONobject = { 
"body": {
    "existing_users": [
      {
        "product": "Pack-2",
        "user_status": "Inactive"
      },
      {
        "product": "Pack-1",
        "user_status": "Active"
      },
      {
        "product": "Pack-3",
        "user_status": "Active"
      },
      {
        "product": "Pack-5",
        "user_status": "Active"
      },
      {
        "product": "Pack-1",
        "user_status": "Inactive"
      },
      {
        "product": "Pack-1",
        "user_status": "Active"
      }
    ]
  }
}
}

function countActiveUsers(){
    var activeCount = 0;
    for(i=0;i<=JSONobject.body.existing_users.length - 1;i++){
        if(JSONobject.body.existing_users[i].user_status == 'Active'){
            activeCount++
        }
        
    }
    console.log(activeCount);
}
countActiveUsers();

You iterate through the object to check the user status and increment the counter for each active user. Upon completion, the count variable contains the number of active users.

If you wish to have a list of all the active users, you can use the following approach:

function getActiveUsersList(){
    var activeUsersList = [];
    for(i=0;i<=JSONobject.body.existing_users.length - 1;i++){
        if(JSONobject.body.existing_users[i].user_status == 'Active'){
            activeUsersList.push(JSONobject.body.existing_users[i]);
        }
        
    }
    console.log(activeUsersList);
}

In this scenario, the array activeUsersList stores all objects of active users.

Answer 8

  var JSONobject = { 
"body": {
    "existing_users": [
      {
        "product": "Pack-2",
        "user_status": "Inactive"
      },
      {
        "product": "Pack-1",
        "user_status": "Active"
      },
      {
        "product": "Pack-3",
        "user_status": "Active"
      },
      {
        "product": "Pack-5",
        "user_status": "Active"
      },
      {
        "product": "Pack-1",
        "user_status": "Inactive"
      },
      {
        "product": "Pack-1",
        "user_status": "Active"
      }
    ]
  }
}
}

function countActiveUsers(){
    var activeCount = 0;
    for(i=0;i<=JSONobject.body.existing_users.length - 1;i++){
        if(JSONobject.body.existing_users[i].user_status == 'Active'){
            activeCount++
        }
        
    }
    console.log(activeCount);
}
countActiveUsers();

You iterate through the object to check the user status and increment the counter for each active user. Upon completion, the count variable contains the number of active users.

If you wish to have a list of all the active users, you can use the following approach:

function getActiveUsersList(){
    var activeUsersList = [];
    for(i=0;i<=JSONobject.body.existing_users.length - 1;i++){
        if(JSONobject.body.existing_users[i].user_status == 'Active'){
            activeUsersList.push(JSONobject.body.existing_users[i]);
        }
        
    }
    console.log(activeUsersList);
}

In this scenario, the array activeUsersList stores all objects of active users.

Tips for obtaining the unique array element lengths in a JSON array

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

JSP Implementation of a Gravity-Driven Dynamic List

Encountering a RangeError in Angular due to exceeding the maximum call stack size after removing distinctUntilChanged() from a formControl value change subscription

Tips for extracting a value from a geojson response using a specific key

Avoiding special characters in URLs

Create an input box with a designated class

How to access a controller function within a recursive directive template in Angular version 1.3?

How to dynamically display content based on option selection in AngularJS using ng-show

I had hoped to remove just one item, but now the entire database is being erased

When attempting to display a JSON array, a variable defined as numeric transforms into NaN

Node.js POST request only executes successfully on the second attempt

"Utilizing JavaScript to locate a corresponding row in a table within an MVC view

What is the best way to ensure the footer remains in an automatic position relative to the component's height?

Obtaining the "match" object within a Custom Filter Selector on jQuery version 1.8

Receiving array data in a Javascript function and storing it within a variable

Creating a popup window for multiple file uploads in ASP.NET using VB.NET

What strategies can I use to refactor this controller in Angular 1.5 to make it more concise and efficient

Can an additional height be added to the equalizer to increase its height?

Determining if an emitted event value has been altered in Angular 4

Triggering the open() function within an Ajax request

The download attribute is not functioning properly on both Chrome and Edge browsers