Enhance the functionality of the typed array class using Typescript

Question

Enhance the functionality of the typed array class using Typescript

Looking to expand a Javascript-typed array in Typescript by taking a regular Uint8Array and initializing it with 1's, rather than the usual 0's. Additionally, I want to incorporate some extra methods without causing type errors when instantiating the typed arrays, such as new SpecialArray([1, 2, 3]) and new SpecialArray(3).

This is what I have so far:

class SpecialArray extends Uint8Array {

   constructor(arg: number | number[]) {
      super(arg)
      this.fill(1)
   }
   
   ...

}

However, Typescript throws an error regarding arg:

No overload matches this call.
  The last overload gave the following error.
    Argument of type 'number | number[]' is not assignable to parameter of type 'ArrayBufferLike'.
      Type 'number' is not assignable to type 'ArrayBufferLike'.ts(2769)

I discovered that I can work around this issue by using type assertions in the super call:

super(arg as unknown as ArrayBufferLike)

Nevertheless, this approach feels cumbersome. Is there a cleaner solution?

typescript typed-arrays

Answer 1

Answer №1

To keep things simple, you can also utilize the predefined ConstructorParameters type:

class CustomArray extends Int16Array {
   constructor(...args: ConstructorParameters<typeof Int16Array>) {
      super(...args)
      this.fill(0)
   }
}

Try it out in the Playground

Answer 2

To keep things simple, you can also utilize the predefined ConstructorParameters type:

class CustomArray extends Int16Array {
   constructor(...args: ConstructorParameters<typeof Int16Array>) {
      super(...args)
      this.fill(0)
   }
}

Try it out in the Playground

Answer 3

Answer №2

The hint provided by the error was quite helpful. It appears that there is no version of Uint8Array that allows for a constructor accepting number | number[].

You may want to consider:

class SpecialArray extends Uint8Array {
  constructor(array: ArrayLike<number> | ArrayBufferLike) {
    super(array);
    this.fill(1)
  }
}

Answer 4

The hint provided by the error was quite helpful. It appears that there is no version of Uint8Array that allows for a constructor accepting number | number[].

You may want to consider:

class SpecialArray extends Uint8Array {
  constructor(array: ArrayLike<number> | ArrayBufferLike) {
    super(array);
    this.fill(1)
  }
}

Enhance the functionality of the typed array class using Typescript

Answer №1

Answer №2

Similar questions

What advantages could learning ReactJS first give me before diving into NextJS?

Guide on integrating Amazon S3 within a NodeJS application

The CSS scale property is not working as expected when used in a React.js application, specifically

Typescript is facing an issue locating the declaration file

Angular - Exploring the process of creating a secondary standalone build for a specific section of an application

Encountering a fresh issue after updating to TS version 4.4.3 while accessing properties of the top "Object may be 'null'."

Tips for preventing duplication of the interface in Typescript React

Instructions on generating a type by utilizing variables for key values

The inability to access a route with an authentication guard in the app controller is causing the validate function in the local strategy file to not run

Creating Versatile Functions for HttpClient Wrapping

Determining type properties dynamically depending on the value of another property

Learn how to update scope variables in Angular.io's mat-autocomplete using the [displayWith] function feature

Alter the attributes of an instance in a class using a function

Experiencing Typescript errors solely when running on GitHub Actions

Creating custom designs for a HTML button using CSS

What could be causing the 404 error when trying to make a get-request to fetch a list of all users?

Validating object values prior to adding a key

How can I define the type of a constructor that requires a parameter in TypeScript?

The React-native-vision-camera is unable to connect to the rear-facing camera

ionChange - only detect changes made in the view and update the model in Ionic 2