What is the best method for converting an Object with 4 properties to an Object with only 3 properties?

Question

What is the best method for converting an Object with 4 properties to an Object with only 3 properties?

I have a pair of objects:

The first one is a role object with the following properties:

Role {
    roleId: string;
    name: string;
    description: string;
    isModerator: string;
}

role = {
    roleId:"8e8be141-130d-4e5c-82d2-0a642d4b73e1",
    name:"HR",
    description:"HR of the Company",
    isModerator:"N"
}

And the second object is roleDetails with these properties:

RoleDetails {
    name: string;
    description: string;
    isModerator: string;
}

I need to make roleDetails = role; So that when I console.log(roleDetails), I would receive:

roleDetails = {
    name:"HR"
    description:"HR of the Company"
    isModerator:"N"
}

javascript typescript object

Answer 1

Answer №1

To declare the type RoleDetails, you can utilize the Omit<Type, Keys> function to omit specific keys

For example, in this scenario, excluding the key roleId

Here is the code snippet:

interface Role {
  roleId: string;
  name: string;
  description: string;
  isModerator: string;
}

type RoleDetails = Omit<Role, 'roleId'>;

const role: Role = {
  roleId: '8e8be141-130d-4e5c-82d2-0a642d4b73e1',
  name: 'HR',
  description: 'HR of the Company',
  isModerator: 'N',
};

const roleDetails: RoleDetails = {
  name: role.name,
  description: role.description,
  isModerator: role.isModerator,
};

Answer 2

To declare the type RoleDetails, you can utilize the Omit<Type, Keys> function to omit specific keys

For example, in this scenario, excluding the key roleId

Here is the code snippet:

interface Role {
  roleId: string;
  name: string;
  description: string;
  isModerator: string;
}

type RoleDetails = Omit<Role, 'roleId'>;

const role: Role = {
  roleId: '8e8be141-130d-4e5c-82d2-0a642d4b73e1',
  name: 'HR',
  description: 'HR of the Company',
  isModerator: 'N',
};

const roleDetails: RoleDetails = {
  name: role.name,
  description: role.description,
  isModerator: role.isModerator,
};

Answer 3

Answer №2

To simplify, you can assign each property individually (please also note that I've included , in the original object between each value):

let category = {
  categoryId: "4c6f1da0-09ac-45f5-a352-afd7d513a632",
  name: "Technology",
  description: "Tech Industry",
  isActive: "Y"
};

let categoryDetails = {
  name: category.name,
  description: category.description,
  isActive: category.isActive
};

console.log(categoryDetails);

You can also achieve this dynamically using an array of keys:

let category = {
  categoryId: "4c6f1da0-09ac-45f5-a352-afd7d513a632",
  name: "Technology",
  description: "Tech Industry",
  isActive: "Y"
};

let keys = ["name", "description", "isActive"];

let categoryDetails = Object.entries(category).reduce((a, [k, v]) => {
  if (keys.includes(k)) a[k] = v;
  return a;
}, {});

console.log(categoryDetails);

Additionally, you can exclude specific keys by using an array of keys to exclude:

let category = {
  categoryId: "4c6f1da0-09ac-45f5-a352-afd7d513a632",
  name: "Technology",
  description: "Tech Industry",
  isActive: "Y"
};

let keysToExclude = ["categoryId"];

let categoryDetails = Object.entries(category).reduce((a, [k, v]) => {
  if (!keysToExclude.includes(k)) a[k] = v;
  return a;
}, {});

console.log(categoryDetails);

Answer 4

To simplify, you can assign each property individually (please also note that I've included , in the original object between each value):

let category = {
  categoryId: "4c6f1da0-09ac-45f5-a352-afd7d513a632",
  name: "Technology",
  description: "Tech Industry",
  isActive: "Y"
};

let categoryDetails = {
  name: category.name,
  description: category.description,
  isActive: category.isActive
};

console.log(categoryDetails);

You can also achieve this dynamically using an array of keys:

let category = {
  categoryId: "4c6f1da0-09ac-45f5-a352-afd7d513a632",
  name: "Technology",
  description: "Tech Industry",
  isActive: "Y"
};

let keys = ["name", "description", "isActive"];

let categoryDetails = Object.entries(category).reduce((a, [k, v]) => {
  if (keys.includes(k)) a[k] = v;
  return a;
}, {});

console.log(categoryDetails);

Additionally, you can exclude specific keys by using an array of keys to exclude:

let category = {
  categoryId: "4c6f1da0-09ac-45f5-a352-afd7d513a632",
  name: "Technology",
  description: "Tech Industry",
  isActive: "Y"
};

let keysToExclude = ["categoryId"];

let categoryDetails = Object.entries(category).reduce((a, [k, v]) => {
  if (!keysToExclude.includes(k)) a[k] = v;
  return a;
}, {});

console.log(categoryDetails);

What is the best method for converting an Object with 4 properties to an Object with only 3 properties?

Answer №1

Answer №2

Similar questions

Troubleshooting a JavaScript error: Script.js throwing 'Uncaught TypeError' at line 5

Trouble arises with MySQL query in PHP/jQuery setup

React Modals: Only the modal component triggered by the first click will open, with no other modals opening

Converting a text file to JSON in TypeScript

Is it possible to use a component created in the newest version of Angular in apps developed with older versions of Angular?

What steps should be taken to avoid an event from occurring when an error message is encountered?

Vue paginated select with dynamic data loading

Extracting user login details from a Java script-based web browser for a RASA chatbot

Why is the radio button not chosen in the ns-popover popup? The radio button is only selected in the popup of the last column

Encountering the error 'node' getProperty of undefined while trying to retrieve data from an array stored in my state variable

What is the best way to incorporate a button that can toggle the visibility of the sidebar on my post page?

Using Codeception's selenium module to wait for JavaScript and Ajax requests to

Methods for applying multiple styles within a div using the Document Object Model

Limit the range of potential inputs for the function parameter

Avoid the need to refresh the HTML content every time there is a change in the Angular $

Utilize Javascript/Jquery to categorize JSON data based on the days of the week (Sunday, Monday, Tuesday, Wednesday, Thursday, Friday, Saturday)

What is the best way to manage undefined status in react after the user chooses to cancel selecting a file?

Incorporating a variety of classes by utilizing loops

DreamFactory's REST API POST request for rest/user/session consistently encounters errors in Internet Explorer 9

Exploring face detection with Three.js