How to use Object Destructuring In Typescript
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.
Syntax:
const { property1, property2, ... } = sourceObject;
Example: The below example used Object Destructuring to remove keys from a TypeScript Dictionary.
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"];
const { Python, JavaScript, ...temp } = dict;
dict = temp;
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()