How to make a single property optional in TypeScript

In TypeScript, if you want a property of an object to be optional, you can mark it as optional by adding a question mark ? after the property name. This indicates that the property is optional, meaning that when creating an object, you can choose whether to provide a value for this property.

Example

Suppose we have an interface Person that represents a person's information. We want the age property to be optional because in some cases, we might not know a person's age.

typescript
interface Person {
    name: string;
    age?: number; // Mark age as optional
}

function createPerson(name: string, age?: number): Person {
    let person: Person = { name };
    if (age !== undefined) {
        person.age = age;
    }
    return person;
}

// Usage example
let person1 = createPerson("Alice");
let person2 = createPerson("Bob", 30);

console.log(person1); // Output: { name: 'Alice' }
console.log(person2); // Output: { name: 'Bob', age: 30 }

In the above example, we define a Person interface where the age property is marked as optional. This allows you to omit the age when creating a Person instance. The createPerson function demonstrates how to create an object based on optional parameters, adding the age to the object if provided.

This approach is useful, especially when dealing with large form data that has many optional properties, as it can effectively reduce the complexity of the code.