How to use generic type parameters In Javascript

2. Without using generic type parameter

We can use a generic type parameter to specify the type of elements in the array. This method provides flexibility as it allows the function to return an array of any type.

Syntax:

The syntax for declaring the return type of a generic arrow function to be an array:

const function_name = (): Array<RetrunType> => {
  // Function Body
}

EXample: Creating an array of squared values from 1 to 25 using TypeScript arrow function with explicit return type.

Javascript

const myArr = (): Array&lt;string&gt; =&gt; {
  const arr = [];
  for (let i = 0; i &lt; 5; i++) {
    arr.push(`${(i + 1) ** 2}`);
  }
  return arr;
};

const resultArr = myArr();
console.log(resultArr);

Output:

["1", "4", "9", "16", "25"]

How to Declare the Return Type of a Generic Arrow Function to be an Array ?

In TypeScript, declaring the return type of a generic arrow function to be an array is generally essential when we want to ensure that the function always returns the array of a particular type. This is especially necessary for maintaining type safety and maintaining consistency in our code. Declaring the return type as an array, one can avoid unintentional errors and make code more easy to understand. There are several methods to declare the return type of a generic arrow function to be an array which are as follows: