Analyzing and tallying the size of each filtering element

Question

Analyzing and tallying the size of each filtering element

In my JavaScript code, I have an array called Projects and another one called Teams.

const Projects = [{fkTeamId: 'a'}, {fkTeamId: '8'}, {fkTeamId: 'c'}, {fkTeamId: 'a'}];
const Teams = [{TeamId: 'a'}, {TeamId: 'c'}, {TeamId: '8'}];
const output = Projects.filter(item1 => Teams.some(item2 => item2.TeamId === item1.fkTeamId))
console.log(output)

The goal is to determine the number of projects associated with each team. For example, if "TeamID: a" has 2 projects, I want to know that specifically. My initial idea was to store this information in an array and then use the .length method, but I am uncertain on how to proceed.

Currently, the code generates the following output:

Array [Object { fkTeamId: "a" }, Object { fkTeamId: "8" }, Object { fkTeamId: "c" }, Object { fkTeamId: "a" }]

How can I utilize the .length property to determine the project count for each Team ID?

In simpler terms, I am attempting to achieve something like this:

const count = [[{fkTeamId: "a"},{fkTeamId: "a"}], [{fkTeamId: "8"}], [{fkTeamId: "c"}]];

console.log(count.forEach(Team => Team.length))

The objective of the aforementioned code snippet is to produce an array or similar structure containing:

count = [2, 1, 1]

javascript

Answer 1

Answer №1

Initially, I started counting to better analyze my progress from the start and ultimately provide you with the desired Object.. Great :D

const Projects = [{fkTeamId: 'a'}, {fkTeamId: '8'}, {fkTeamId: 'c'}, {fkTeamId: 'a'}];
const Teams = [{TeamId: 'a'}, {TeamId: 'c'}, {TeamId: '8'}];
const output = Projects.filter(item1 => Teams.some(item2 => item2.TeamId === item1.fkTeamId))

var tempObj={}
var newOutput=
output.filter(a=>{
  if(!tempObj[a.fkTeamId]){tempObj[a.fkTeamId]=1}
  else{tempObj[a.fkTeamId]++}
  return tempObj[a.fkTeamId]==1
})
//console.log(newOutput) //the new output without 2 teams of same name in the array
console.log(tempObj) //object that has the team names and how many times they occured
var tempArr=Object.keys(tempObj).map(a=>tempObj[a])
console.log(tempArr) //literally what you asked for in terms of expected result
var commentQuestionAnswer=
Object.keys(tempObj).map((a,i)=>{return {teamId:a,quantity:tempArr[i]} })
console.log(commentQuestionAnswer) //for the question u sent in a comment below

Answer 2

Initially, I started counting to better analyze my progress from the start and ultimately provide you with the desired Object.. Great :D

const Projects = [{fkTeamId: 'a'}, {fkTeamId: '8'}, {fkTeamId: 'c'}, {fkTeamId: 'a'}];
const Teams = [{TeamId: 'a'}, {TeamId: 'c'}, {TeamId: '8'}];
const output = Projects.filter(item1 => Teams.some(item2 => item2.TeamId === item1.fkTeamId))

var tempObj={}
var newOutput=
output.filter(a=>{
  if(!tempObj[a.fkTeamId]){tempObj[a.fkTeamId]=1}
  else{tempObj[a.fkTeamId]++}
  return tempObj[a.fkTeamId]==1
})
//console.log(newOutput) //the new output without 2 teams of same name in the array
console.log(tempObj) //object that has the team names and how many times they occured
var tempArr=Object.keys(tempObj).map(a=>tempObj[a])
console.log(tempArr) //literally what you asked for in terms of expected result
var commentQuestionAnswer=
Object.keys(tempObj).map((a,i)=>{return {teamId:a,quantity:tempArr[i]} })
console.log(commentQuestionAnswer) //for the question u sent in a comment below

Analyzing and tallying the size of each filtering element

Answer №1

Similar questions

You won't be able to view over 15 KML layers on a page that relies on Google Maps API

What is the best approach to accessing the original data stored in a data-* attribute using jQuery?

Creating an array in Angular is done by using the syntax []

How to use Angular 8 Form Builder to upload an array of multiple images

Tips for declaring and utilizing multiple functions within an Angular JS Factory, as well as executing one function inside another

Contrasting an array of items with an array of Objects

Exploring the concept of inheritance and nested views within AngularJS

The character count displayed in an ASP.NET text box may not match the character count of the text box on the

An application running on Node.js/Express and hosted on Digital Ocean encounters the "Cannot get /" error message

Showing canvas lines while dragging (using only plain JavaScript, with React.JS if needed)

Having trouble rendering components due to conflicts between React Router and Semantic UI React

Send the user to an Angular route once they have successfully authenticated with Google

Rendering in React by cycling through an array and displaying the content

Learn how to capture complete stack traces for errors when using Google Cloud Functions

Need help with jQuery UI and managing changing content?

Disable link 2 when link 1 is clicked

What is the reason for the absence of CORS restriction in this code snippet?

What is the best way to verify a null value in PHP?

Is your React conditional rendering malfunctioning due to state issues?

const React with several parameters