Developing dynamic-sized tuples in TypeScript

Question

Developing dynamic-sized tuples in TypeScript

Recently, I was attempting to develop a zipper for arrays. For instance, if the user inputs 3 arrays with sizes of 3, 5, and 12, the output array of tuples would be the size of the largest array. The output consists of tuples containing elements at a specified index, with null appearing if there is no index.

I experimented with a generic approach to enhance its usability.

So, I implemented a utility static function:

public static zip<T>(arrays : T[][]) : () => [dynamic tuple here somehow of types T][] {

However, I encountered an issue right from the start - how can I define a function that returns an array of tuples of dynamic size? Is this even feasible? As the TypeScript documentation lacks such an example, I suspect my code may not function correctly, requiring me to implement workarounds like returning 'any'.

arrays typescript dynamic initialization tuples

Answer 1

Answer №1

Here is the solution you've been looking for:

class NewDemo {
    public static mergeArrays<T>(arrays: Array<Array<T>>): Array<[string, Array<T>]> {

        let maxLength = NewDemo.getMaxArrayLength(arrays);
        let mergedArray: Array<[string, Array<T>]> = [];

        arrays.forEach(arr => {
            for (let i = 0; i < maxLength; i++) {
                if (!mergedArray[i])
                    mergedArray[i] = [`SubArray${i}`, []];

                let element = arr.length > i ? arr[i] : null;
                mergedArray[i][1].push(element);
            }
        });

        return mergedArray;
    }

    private static getMaxArrayLength(arrays: Array<Array<any>>): number {

        let lengths: Array<number> = []
        for (let i = 0; i < arrays.length; i++)
            lengths.push(arrays[i].length);

        return Math.max(...lengths);
    }
}

Answer 2

Here is the solution you've been looking for:

class NewDemo {
    public static mergeArrays<T>(arrays: Array<Array<T>>): Array<[string, Array<T>]> {

        let maxLength = NewDemo.getMaxArrayLength(arrays);
        let mergedArray: Array<[string, Array<T>]> = [];

        arrays.forEach(arr => {
            for (let i = 0; i < maxLength; i++) {
                if (!mergedArray[i])
                    mergedArray[i] = [`SubArray${i}`, []];

                let element = arr.length > i ? arr[i] : null;
                mergedArray[i][1].push(element);
            }
        });

        return mergedArray;
    }

    private static getMaxArrayLength(arrays: Array<Array<any>>): number {

        let lengths: Array<number> = []
        for (let i = 0; i < arrays.length; i++)
            lengths.push(arrays[i].length);

        return Math.max(...lengths);
    }
}

Developing dynamic-sized tuples in TypeScript

Answer №1

Similar questions

TS7030: In Angular13, ensure that all code paths within the guard and canActivate methods return a value

After selecting an item, the Next UI navbar menu seems to have trouble closing

Circular dependency has been detected when using the ESLint with TypeORM

Steps to apply a decorator to a function that is not a nestjs route

Is it possible for Typescript to automatically infer object keys based on the value of a previous argument?

methods for array filtering in typescript

The proper way to validate JSON data

Is there a way to enable code completion for Firebase on VS Code?

The type of link component that is passed in as the 'component' prop

When we mention TypeScript and CDK, we are actually talking about the very foundation

Transforming objects into nested structures

Trouble with Jest when trying to use route alias in Next.js with Typescript

Tips for dynamically loading a child component and passing data from the child component to the parent component

Tips on how to dynamically uncheck and check the Nebular checkbox post-rendering

Most effective methods for validating API data

Traverse through a collection of objects

Can you explain the execution process of this Http.post method and provide details about the code path it follows

An issue has occurred with the NullInjector, specifically regarding the AppModule and Storage in Ionic 4

The React table column definition inexplicably transforms into a string

Error: Unable to execute function abc, it is not defined as a function in this context