Restrict the properties of an object to match the properties of a different object

Question

Restrict the properties of an object to match the properties of a different object

I am currently developing an Object patching utility function with the following code snippet

class Test{
  a:number;
  b:number;
}

var c:Test={a:0,b:1}

function patchable<T>(obj:T){
  return {
    patch:function<K>(prop:K){
      return patchable({...obj,...prop})},
    value:function():T{return obj}
		}
}

c=patchable(c).patch({notAllow:94}).value()

Is it feasible in typescript to restrict the patch function to only accept objects containing properties that are present in the Test interface, meaning K can exclusively have keys available in T

typescript

Answer 1

Answer №1

class Sample {
  x: number
  y: number
}

var z: Sample = {
  x: 0,
  y: 1
}

function adaptable<U>(customObj: U) {
  return {
    modify: function <V extends keyof U>(property: Pick<U, V>) {
      return adaptable({ ...customObj, ...property })
    },
    result: function(): U {
      return customObj
    }
  }
}

z = adaptable(z).modify({ disallow: 94 }).result() // fails
z = adaptable(z).modify({ x: 94 }).result() // compiles

Answer 2

class Sample {
  x: number
  y: number
}

var z: Sample = {
  x: 0,
  y: 1
}

function adaptable<U>(customObj: U) {
  return {
    modify: function <V extends keyof U>(property: Pick<U, V>) {
      return adaptable({ ...customObj, ...property })
    },
    result: function(): U {
      return customObj
    }
  }
}

z = adaptable(z).modify({ disallow: 94 }).result() // fails
z = adaptable(z).modify({ x: 94 }).result() // compiles

Answer 3

Answer №2

Another approach is to use the Partial method:

class Example {
  x?: number
  y?: number
}

var z: Example = {
  x: 0,
  y: 1
}
function editable<E>(object: E) {
  return {
    edit: function (property: Partial<E>) {
      return editable({ ...object, ...property })
    },
    showValue: function(): E {
      return object
    }
  }
}

z = editable(z).edit({ notAllowed: 94 }).showValue() // fails
z = editable(z).edit({ x: 94 }).showValue() // works
console.log(z)

Answer 4

Another approach is to use the Partial method:

class Example {
  x?: number
  y?: number
}

var z: Example = {
  x: 0,
  y: 1
}
function editable<E>(object: E) {
  return {
    edit: function (property: Partial<E>) {
      return editable({ ...object, ...property })
    },
    showValue: function(): E {
      return object
    }
  }
}

z = editable(z).edit({ notAllowed: 94 }).showValue() // fails
z = editable(z).edit({ x: 94 }).showValue() // works
console.log(z)

Restrict the properties of an object to match the properties of a different object

Answer №1

Answer №2

Similar questions

Is it necessary to include @types/ before each dependency in react native?

Create a reusable React component in Typescript that can handle and display different types of data within the same

Tips for creating an onClick event for a React Component that is passed as a prop to another component

Angular: Implementing conditional HTTP requests within a loop

React TypeScript - Module not found

What is the source of the compiler options in tsconfig.json?

NgFor is designed to bind only to Iterables like Arrays

Triggering an event in Angular 2 after ngFor loop completes

Querying Cloud Firestore with User ID

Unable to retrieve shared schema from a different schema.graphql file within the context of schema stitching

Best practices for correctly parsing a date in UTC format using the date-fns library

Learn how to capture complete stack traces for errors when using Google Cloud Functions

Using Formik: When the initial value is changed, the props.value will be updated

Observables and the categorization of response data

Mastering Angular 2 Reactive Forms: Efficiently Binding Entire Objects in a Single Stroke

Troubles encountered while trying to make MediaRecorder function in Angular 9

Is it necessary for me to develop an Angular library in order to release a basic TypeScript class that makes use of Angular components?

I'm encountering a typescript error as I migrate a Paho MQTT function from Angular 1 to Angular 2 - what could be causing this issue?

Issue with updating BehaviorSubject not being reflected when called from my service component has been identified

What are some ways to retrieve a summary of an Angular FormArray containing controls?