Categories
28°C, New York
Home Typescript How to use Object.keys() and Array.reduce() methods In Typescript

How to use Object.keys() and Array.reduce() methods In Typescript

Using Object Destructuring

Using Object.assign()

In this approach, we are using Object.keys() and Array.reduce() methods to remove keys specified in the keys array, creating a new object that is then assigned back to the original TypeScript dictionary dict.

Syntax:

Object.keys(obj); 
array.reduce(callback, initialValue);

Example: The below example used the Object.keys() and Array.reduce() methods to remove keys from a TypeScript Dictionary.

Javascript 
let dict: { [key: string]: string } = {
    "Java": "Programming Language",
    "Python": "Scripting Language",
    "C++": "Programming Language",
    "JavaScript": "Scripting Language",
    "TypeScript": "Programming Language",
};
const keys: string[] =
    [
        "Python",
        "JavaScript"
    ];
dict = Object.keys(dict)
    .filter(key => !keys.includes(key))
    .reduce((acc, key) => {
        acc[key] = dict[key];
        return acc;
    }, {} as { [key: string]: string });
console.log("Updated Dictionary:");
console.log(dict)

Output:

Updated Dictionary:
{
  Java: 'Programming Language',
  'C++': 'Programming Language',
  TypeScript: 'Programming Language'
}

How to Remove Keys from a TypeScript Dictionary ?

In TypeScript, we can remove keys from a TypeScript Dictionary using various approaches that include deleting keywords, Object Destructuring, and by using Object.keys() and Array.reduce() methods.

There are several approaches to removing keys from a TypeScript Dictionary which are as follows:

Table of Content

  • Using delete Keyword
  • Using Object Destructuring
  • Using Object.keys() and Array.reduce() methods
  • Using Object.assign()

Similar Reads

Using delete Keyword

In this approach, we are using the delete keyword to remove keys specified in the keys array from the TypeScript dictionary dict. The forEach loop iterates through each key, deleting the associated property, resulting in an updated dictionary without the specified keys....

Using Object Destructuring

In this approach, we are using object destructuring to remove keys specified in the keys array from the TypeScript dictionary dict. By extracting the properties associated with keys “Python” and “JavaScript” into separate variables (Python and JavaScript), and using the spread operator (…temp) to get the remaining properties into the temp object, we then assign temp back to the original dict and print the updated dict....

Using Object.keys() and Array.reduce() methods

In this approach, we are using Object.keys() and Array.reduce() methods to remove keys specified in the keys array, creating a new object that is then assigned back to the original TypeScript dictionary dict....

Using Object.assign()

Another method to remove keys from a TypeScript dictionary is by utilizing Object.assign(). This method creates a new object by merging properties from multiple objects, allowing us to exclude specific keys during the merging process....

Tags:
#JavaScript #TypeScript #Web Technologies

Using Object Destructuring

Using Object.assign()