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

The data type 'unknown' cannot be assigned to the type 'any[]', 'Iterable<any>', or (Iterable<any> & any[])

Using the useRef validation can lead to errors when trying to reference the current value against an input

Encountering an issue with PrimeNG's <p-calendar> component: the error message "date

Angular 2 (Final): Utilizing resetConfig for seamless integration of routes into lazy loaded modules

React TypeScript error: Cannot access property "x" on object of type 'A | B'

What steps are involved in generating a Typescript module definition for a directory containing a babel-plugin-content-transformer?

Struggling with defining the default value for a JavaScript array

Typescript: create a type similar to keyof but with a particular value type

Error encountered in Typescript: The property 'prevUrl' is expected to be present in the props object, but it appears to be missing

What is the best way to synchronize API definitions between the server and client using TypeScript?

Retrieve JSON data from my PHP API within my Laravel application

Traverse through nested objects

The issue of broken reactivity arises when utilizing defineStore in Pinia with options instead of storeSetup

The system is unable to process the property 'items' due to a null value

How to customize the radio button style in Angular 11 by changing the text color

Typescript enhances React Native's Pressable component with a pressed property

Utilizing Google Sheets as a secure, read-only database for Angular applications without the need to make the sheet accessible to the

Issue with Angular 6 where data is not binding to the UI on initialization

Error encountered following the upgrade of Angular and RxJS 5 to 6: Compilation failed

Updating a null value within the database was done successfully