Is there a way for me to verify that the key of one object is a subset of the keys of another object?

Question

Is there a way for me to verify that the key of one object is a subset of the keys of another object?

export const masterKeysObject = {
    MAIN: 'main',
    REDIRECT: 'redirect',
    DASHBOARD: 'dashboard',
    USER_ID_PARAM: ':userId',
    CREATE_NEW: 'create_new'
} as const;

type MasterKeys = keyof typeof masterKeyObjects;

const allowedKeys: (keyof typeof masterKeysObjects)[] = [
    'DASHBOARD',
    'CREATE_NEW',
    // Add other allowed keys as needed
];

export const onlyAllowedKeysObject: Record<typeof allowedKeys[number], string> = {
    DASHBOARD: 'Dashboard',
    CREATE_NEW: 'Create New',
};

This solution is not functioning properly.

An error is occurring:

Type '{ DASHBOARD: string CREATE_NEW: string;}' does not include the expected properties like 'ROOT', 'DEFAULT_REDIRECT', 'USER_ID', 'ACCOUNT_ID', and more.ts(

Is it possible to write TypeScript code that ensures the keys of onlyAllowedKeysObject are a subset of the masterKeysObject?

typescript

Answer 1

Answer №1

If you're searching for it, the Partial utility type is what you need. It defines all properties of an object as optional, enabling you to assign a subset to an object type.

export const onlyAllowedKeysObject: Partial<Record<typeof allowedKeys[number], string>> = {
    DASHBOARD: 'Dashboard',
    CREATE_NEW: 'Create New',
};

TypeScript Playground

Answer 2

If you're searching for it, the Partial utility type is what you need. It defines all properties of an object as optional, enabling you to assign a subset to an object type.

export const onlyAllowedKeysObject: Partial<Record<typeof allowedKeys[number], string>> = {
    DASHBOARD: 'Dashboard',
    CREATE_NEW: 'Create New',
};

TypeScript Playground

Is there a way for me to verify that the key of one object is a subset of the keys of another object?

Answer №1

Similar questions

DiscordJS bot using Typescript experiences audio playback issues that halt after a short period of time

What could be causing my code to not run after subscribing to the observables?

Switching between various components based on conditions within the same route in Angular

Sending Disabled Form Field Input Value in Angular 2 POST Request

When attempting to publish an index.d.ts file using npm, the module is

Efficient access to variable-enumerated objects in TypeScript

Angular 13: How to Handle an Empty FormData Object When Uploading Multiple Images

Ways to incorporate environment variable in import statement?

The export 'ChartObject' is not available in highcharts

In TypeScript, make sure to verify the type of an object to avoid any potential compilation errors stemming

With a GroupAvatar, my Avatar named "max" likes to dance to the beat of its own drum rather than following the rules of my

Search for an element deep within a tree structure, and once found, retrieve the object along with the specific path leading to

What is causing my method chain to return a Promise<Promise<boolean?>> when using browser.wait(ExpectedConditions.presenceOf())?

What is the method for implementing an Inset FAB with Material UI in a React project?

Guide on creating a custom command within the declaration of Tiptap while extending an existing extension with TypeScript

Unable to transfer props object to React component using TypeScript

TS interfaces: Understanding the distinction between optional and mandatory properties

Nestjs is throwing an UnhandledPromiseRejectionWarning due to a TypeError saying that the function this.flushLogs is not recognized

Silence in Angular NGRX Effects

Transfer an object to $state.go