Omit functions from category

Question

Omit functions from category

This question reminds me of another question I came across, but it's not quite the same and I'm still struggling to figure it out.

Basically, I need to duplicate a data structure but remove all the methods from it.

interface XYZ {
  x: number;
  y: string;
  z(): void;
}

So in this case, I want to exclude the method z and end up with:

interface XY {
  x: number;
  y: string;
}

I am aware that I can use the Omit utility type like this:

type OmitZ = Omit<XYZ, "z">;

However, I actually want to omit based on property type rather than key string. Is there a way to achieve this?

typescript

Answer 1

Answer №1

Give this a shot:


const ExcludeFunctions = <T>(obj: T) => {
  const newObj = {} as { [K in keyof T]: T[K] extends Function ? never : K };
  
  for (const key in obj) {
    if (!(obj[key] instanceof Function)) {
      newObj[key] = obj[key];
    }
  }

  return newObj;
};

const result = ExcludeFunctions({ name: "John", age: 30, sayHello: () => console.log("Hello") });

console.log(result); // Output: { name: "John", age: 30 }

Answer 2

Give this a shot:


const ExcludeFunctions = <T>(obj: T) => {
  const newObj = {} as { [K in keyof T]: T[K] extends Function ? never : K };
  
  for (const key in obj) {
    if (!(obj[key] instanceof Function)) {
      newObj[key] = obj[key];
    }
  }

  return newObj;
};

const result = ExcludeFunctions({ name: "John", age: 30, sayHello: () => console.log("Hello") });

console.log(result); // Output: { name: "John", age: 30 }

Omit functions from category

Answer №1

Similar questions

Creating a dynamic array in an Angular 2 service for real-time changes monitoring by a component

Serverless-offline is unable to identify the GraphQL handler as a valid function

Utilizing Angular 4 to dynamically render a template stored in a string variable

Utilize Firebase for Playwright to efficiently implement 'State Reuse' and 'Authentication Reuse'

Experiencing difficulty in transferring array information from a parent component to a child component within an

Moving from Http to HttpClient in Angular4Changeover your Angular4

Is it necessary for the React generic type prop to be an extension of another type

The specified type 'Observable<{}' cannot be assigned to the type 'Observable<HttpEvent<any>>'

A guide on simulating childprocess.exec in TypeScript

Facing difficulty in accessing mongoose schema static method in TypeScript

The conflict arises when importing between baseUrl and node_modules

Node.js is known for automatically adding double quotes to strings. However, is there a way to eliminate them?

Mapping JSON data from an array with multiple properties

The meaning behind a textual representation as a specific type of data

Animated drop-down menu in Angular 4

"Exploring the world of 3rd party libraries in Angular2 with Typescript and Webpack

Utilizing TypeScript with Svelte Components

The property is not found within the type, yet the property does indeed exist

Unable to store object data within an Angular component

Avoid the sudden change in page content when using Router.Navigate