Find the distinct values from an array of objects containing varying elements using Typescript

Question

Find the distinct values from an array of objects containing varying elements using Typescript

My array contains dynamic elements within objects:

[
    {
        "Value1": [
            "name",
            "surname",
            "age"
        ],
        "Value2": [
            "name"
        ],
        "Value3": [
            "name",
            "age"
        ]
    },
    ...
]

I am trying to consolidate the values from different keys into a single object as follows:

{
        "Value1": [
            "name",
            "surname",
            "age",
            "hoursWorked",
            "timeSpent"
        ],
        ...
}

I have attempted using array.reduce() without success due to the dynamic nature of the elements. Any assistance in solving this problem would be greatly appreciated.

arrays angular typescript

Answer 1

Answer №1

My approach involved utilizing nested for loops:

var data = [
    {
        "Value1": [
            "name",
            "surname",
            "age"
        ],
        "Value2": [
            "name"
        ],
        "Value3": [
            "name",
            "age"
        ]
    },
    {
        "Value2": [
            "name",
            "age"
        ],
        "Value3": [
            "surname",
            "name"
        ]
    },
    // Additional data objects...
];

var finalObject = {};
data.forEach(entry => {
for(var key in entry){
if(!finalObject[key]){
finalObject[key] = [];
}
entry[key].forEach(value => {
if(finalObject[key].indexOf(value) == -1){
finalObject[key].push(value);
}
})
}
});

console.log(finalObject);

Answer 2

My approach involved utilizing nested for loops:

var data = [
    {
        "Value1": [
            "name",
            "surname",
            "age"
        ],
        "Value2": [
            "name"
        ],
        "Value3": [
            "name",
            "age"
        ]
    },
    {
        "Value2": [
            "name",
            "age"
        ],
        "Value3": [
            "surname",
            "name"
        ]
    },
    // Additional data objects...
];

var finalObject = {};
data.forEach(entry => {
for(var key in entry){
if(!finalObject[key]){
finalObject[key] = [];
}
entry[key].forEach(value => {
if(finalObject[key].indexOf(value) == -1){
finalObject[key].push(value);
}
})
}
});

console.log(finalObject);

Answer 3

Answer №2

Give this a shot:

// Create an object to hold the final result
let finalResult = {};

// Loop through the initial array 
data.forEach(object => {

  // Iterate over key value pairs
  for (let key in object) {

    // Check if key is not already in finalResult, and initialize with empty array
    if (!finalResult[key]) {
      finalResult[key] = [];
    }

    // Loop through the second level array
    for (let value of object[key]) {
      // Add value to the array if it's not already present
      if (finalResult[key].indexOf(value) == -1) {
        finalResult[key].push(value);
      }
    }
  }

});

See a demonstration here: https://stackblitz.com/edit/typescript-nzefuq?file=index.ts

Answer 4

Give this a shot:

// Create an object to hold the final result
let finalResult = {};

// Loop through the initial array 
data.forEach(object => {

  // Iterate over key value pairs
  for (let key in object) {

    // Check if key is not already in finalResult, and initialize with empty array
    if (!finalResult[key]) {
      finalResult[key] = [];
    }

    // Loop through the second level array
    for (let value of object[key]) {
      // Add value to the array if it's not already present
      if (finalResult[key].indexOf(value) == -1) {
        finalResult[key].push(value);
      }
    }
  }

});

See a demonstration here: https://stackblitz.com/edit/typescript-nzefuq?file=index.ts

Answer 5

Answer №3

To simplify this process and eliminate duplicates, you can utilize the reduce method along with a new Set in JavaScript.

var source = [
    {
        "Value1": [
            "name",
            "surname",
            "age"
        ],
        "Value2": [
            "name"
        ],
        "Value3": [
            "name",
            "age"
        ]
    },
    // Additional data entries here
]

var result = source.reduce((acc, val) => {
  Object.keys(val).forEach(key => {
    acc[key] = acc[key] ? [...new Set(acc[key].concat(val[key]))] :  val[key];
  })

  return acc;
}, {})

console.log(result)

Answer 6

To simplify this process and eliminate duplicates, you can utilize the reduce method along with a new Set in JavaScript.

var source = [
    {
        "Value1": [
            "name",
            "surname",
            "age"
        ],
        "Value2": [
            "name"
        ],
        "Value3": [
            "name",
            "age"
        ]
    },
    // Additional data entries here
]

var result = source.reduce((acc, val) => {
  Object.keys(val).forEach(key => {
    acc[key] = acc[key] ? [...new Set(acc[key].concat(val[key]))] :  val[key];
  })

  return acc;
}, {})

console.log(result)

Find the distinct values from an array of objects containing varying elements using Typescript

Answer №1

Answer №2

Answer №3

Similar questions

Issues with Font Awesome fonts failing to load after compiling an Angular project using `ng build`

Tips for Retrieving Data from a Multi-Dimensional Array

Using the `npm install -g @angular/cli` command will not actually install the Angular CLI

When utilizing React and Expressjs to upload a file through REST, the request seems to stall indefinitely

Challenges with dividing input into array indices in C programming

Anticipate the desired operations and propose appropriate function identifiers within a generalized class framework

Using a looping mechanism to store strings in a list, followed by outputting the contents of the

Unable to utilize vue-cookies library in TypeScript environment

Setting Angular FormControl value to null within a service

Authentication Redirect Failure when using Passport to an absolute URL

Regular expressions are effective tools, but they may not be as functional within an

Encountering an error with "unexpected token import" while utilizing localize-router in an Angular 4

What is the best way to combine index signatures with established properties?

You can only use a parameter initializer within the implementation of a function or constructor

Initiating Angular APP_INITIALIZERThe Angular APP_INITIALIZER

Contrasting characteristics of class members in JavaScript versus TypeScript

What is the best method to trigger a bootstrap modal window from a separate component in Angular 8?

Using ngIf to locate a substring

Opt for Readme display over index.html

Comparing the functions of useMemo and the combination of useEffect with useState