Creating a type in Typescript where the value of an object key is expected to be of the same type as

Question

Creating a type in Typescript where the value of an object key is expected to be of the same type as

Creating a cohesive type for cart items and their addons is essential. Both entities should share common keys:

type CartItem = {
  productId: string
  name: string
  description: string
  unitPrice: number
  netTotal: number
  quantity: number
  taxTotals?: { [key: string]: string }[]
  addons:[
   addonId: string
   name: string
   description: string
   unitPrice: number
   netTotal: number
   quantity: number
   taxTotals?: { [key: string]: string }[]
  ]
}

Exploring the use of a specific type for cart items was attempted using intersection types, but uncertainty lingers:

export type CartItemEntity = {
  productId: string
  addonId:string
  name: string
  description: string
  unitPrice: number
  netTotal: number
  quantity: number
  taxTotals?: { [key: string]: string }[]
  period: PeriodInfo
}
type CartType = Omit<CartItemEntity, 'addonId'> & { addons?: Omit<CartItemEntity, 'productId'>[] }

The approach seems incomplete, as accessing keys through IDE hover does not provide clarity. Is there a more robust method to tackle this scenario?

typescript typescript-generics

Answer 1

Answer №1

type cartType = {
  productID: string
  productName: string
  description: string
  pricePerUnit: number
  totalCost: number
  quantity: number
  taxes?: { [key: string]: string }[]
  addons:[
   addonID: string
   name: string
   description: string
   pricePerUnit: number
   totalCost: number
   quantity: number
   taxes?: { [key: string]: string }[]
  ]
}

This snippet establishes a custom type called cartType, which can be easily utilized like any other standard types, such as:

const sampleCartObject: cartType = {
type cartType = {
  // Fill out the mandatory properties
}

To receive field recommendations:

type cartType = {
   /**
   * Add description for product ID
   */
  productID: string
   /**
   * Describe the product name
   */
  productName: string
}

For further information: https://www.digitalocean.com/community/tutorials/how-to-create-custom-types-in-typescript

Answer 2

type cartType = {
  productID: string
  productName: string
  description: string
  pricePerUnit: number
  totalCost: number
  quantity: number
  taxes?: { [key: string]: string }[]
  addons:[
   addonID: string
   name: string
   description: string
   pricePerUnit: number
   totalCost: number
   quantity: number
   taxes?: { [key: string]: string }[]
  ]
}

This snippet establishes a custom type called cartType, which can be easily utilized like any other standard types, such as:

const sampleCartObject: cartType = {
type cartType = {
  // Fill out the mandatory properties
}

To receive field recommendations:

type cartType = {
   /**
   * Add description for product ID
   */
  productID: string
   /**
   * Describe the product name
   */
  productName: string
}

For further information: https://www.digitalocean.com/community/tutorials/how-to-create-custom-types-in-typescript

Creating a type in Typescript where the value of an object key is expected to be of the same type as

Answer №1

Similar questions

The .slice() function in TypeScript has the ability to alter the initial array

Definition of a generator in Typescript using an interface

Substitute all attributes of objects with a different designation

TypeScript interfaces do not strictly enforce properties when an object is assigned

What steps should I take to enable users of my library to customize component templates as needed?

Issue arising from the rendering of items in a Navigation Bar

Clearing Out a Shopping Cart in Angular

Utilize Angular Typscript to bind and select options dynamically

What methods can be used to test scss subclasses within an Angular environment?

The React component appears to be stuck in an endless loop of requesting data

The mapStateToProps function in a Higher Order Component is receiving an OwnProps argument with a property that is not defined

Transforming an object in TypeScript to another object while retaining the properties of the original type

What are the steps to integrating a repository into the clean architecture design pattern?

Update the function's argument type signature if the current argument is a function with properties

Leveraging property information for a dropdown field

In Angular 7, you can create a checklist from an array of objects by incorporating multiple selection and a "select all" feature. Here's how to

Unveiling the power of experimental decorators in Storybook 8 with NextJS/SWC

The NX Monorepo housing a variety of applications with unique design themes all utilizing a single, comprehensive UI component

Typescript's Nested Type Assignments

What is the method to assert that two arguments are equal within a function?