\
TypeScript provides a number of utility types that are used to solve a particular problem that using types in Javascript creates. One very useful utility type used in TypeScript is the Omit type, which lets us customize an already existing type. Let's look at how it works.

### Custom Types

This article assumes you know how to create custom types in TypeScript. If you don't, [read my article on custom types here.](https://fjolt.com/article/typescript-creating-custom-types)

## TypeScript Omit Type

In TypeScript, we often create custom types that let us ensure data conforms to a specific format.

\
For example, if we wanted to create a custom User type that has four fields - `firstName`, `lastName`, `age` and `lastActive`, we could do something like this:

\
```javascript
type User = {
  firstName: string;
  lastName: string;
  age: number;
  lastActive: number;
}
```

\
Sadly, coding is not always straightforward. Sometimes, we want to use our type again, but remove certain elements from it, thus creating a new type. To do this, we can use `Omit<Type, Omissions>`. Omit accepts two values:

\
* The Type to base our new type on
* A Union Type listing all the fields to remove.

  \
  For example, if we want to take our User type, and remove age and lastActive, we could do the following:

  \

```javascript
type User = {
  firstName: string;
  lastName: string;
  age: number;
  lastActive: number;
}
 
type UserNameOnly = Omit<User, "age" | "lastActive">
```

\
Now, we have two types - `User`, which is our core user type, and `UserNameOnly`, which is our User type minus `age` and `lastActive`. Similarly, if we only wanted to remove `age`, this would suffice:

\
```javascript
type UserNameAndActive = Omit<User, "age">
```

\
Now, we can use our new types anywhere in our code. This gives us the flexibility to use a type, and transform it for specific circumstances. Here is an example that uses both our new types:

\
```javascript
type User = {
  firstName: string;
  lastName: string;
  age: number;
  lastActive: number;
}
 
type UserNameOnly = Omit<User, "age" | "lastActive">
type UserNameAndActive = Omit<User, "age">

const userByName:UserNameOnly = {
    firstName: "John",
    lastName: "Doe",
};
const userWithoutAge:UserNameAndActive = {
    firstName: "John",
    lastName: "Doe",
    lastActive: -16302124725
}
```

\
*Also Published [here](https://fjolt.com/article/typescript-omit-type)*

2022 - HackerNoon Contributor of the Year - Coding

2022 - HackerNoon Contributor of the Year - Coding Skills

2022 - HackerNoon Contributor of the Year - Java

2022 - HackerNoon Contributor of the Year - Javascript

2022 - HackerNoon Contributor of the Year - Website Development

2022 - Tip Your Hat Tutorials Best Tutorials

Coding Guru of 2022

Nominated for 2022 - HackerNoon Contributor of the Year - Javascript

Nominated for 2022 - HackerNoon Contributor of the Year - Coding

Nominated for 2022 - HackerNoon Contributor of the Year - Coding Skills

Nominated for 2022 - Tip Your Hat Tutorials Best Tutorials

Nominated for 2022 - HackerNoon Contributor of the Year - Java

Nominated for 2022 - HackerNoon Contributor of the Year - Website Development

Nominated for Coding Guru of 2022

Nominated for 2022 - HackerNoon Contributor of the Year - Typescript

Too Long; Didn't Read

Cassandra Forward a free Cassandra-focused community event

TypeScript's Omit Type Explained

TypeScript's Omit Type Explained

Too Long; Didn't Read

@smpnjn

RELATED STORIES