Menu
Coddy logo textTech
START LEARNING
flag En iconEnglishdown icon

Recap: Generic Function Prac

Part of the Introduction To TypeScript section of Coddy's JavaScript journey — lesson 62 of 73.

challenge icon

Challenge

Easy

Create a generic function named makePair that takes two arguments of different types and returns them as a tuple.

The function should:

  • Use two generic type parameters T and U
  • Accept a parameter first of type T
  • Accept a parameter second of type U
  • Return a tuple of type [T, U]
  • Have an explicit return type annotation

Test your function by creating the following variables:

  • stringNumberPair - call makePair with "Hello" and 42
  • booleanStringPair - call makePair with true and "World"
  • numberBooleanPair - call makePair with 100 and false

Use destructuring to extract values from your tuples:

  • Destructure stringNumberPair into variables text and num
  • Destructure booleanStringPair into variables flag and message

Print the following outputs:

  • Print text
  • Print num
  • Print flag
  • Print message
  • Print the first element of numberBooleanPair
  • Print the second element of numberBooleanPair
  • Print the result of calling makePair with "TypeScript" and 2024, accessing the first element
  • Print the result of calling makePair with 99 and "bottles", accessing the second element

Try it yourself

// TODO: Write your code here
// Create the generic makePair function with type parameters T and U
// The function should accept two parameters and return a tuple

// TODO: Test your function by creating the required variables
// stringNumberPair, booleanStringPair, numberBooleanPair

// TODO: Use destructuring to extract values from tuples
// Destructure stringNumberPair and booleanStringPair as specified

// TODO: Print all the required outputs
// Print text, num, flag, message, and the other required values

All lessons in Introduction To TypeScript

1Getting Started with TS

What is TypeScript?Why Use TypeScript?Your First TypeScript CodeCompilation Process & ErrorsRecap: Introduction to TS

4Working with Functions

Typing Params & Return ValuesTyping Arrow FunctionsThe 'void' Return TypeOptional Parameters with '?'Default Parameter ValuesTyping Rest ParametersDefining Function TypesRecap: Building Typed Funcs

7Project: A Simple Task List

Project: Defining Task StructFunction to Add a TaskProject lessonFunction to Change Task StatusProject lessonFunction: List Tasks by StatusProject lessonFunction: Print Task SummaryProject lessonPutting It All TogetherProject lesson

10Project: Inventory Management

Project: Generic Inventory IteFunction: Add Items to InvProject lessonFunction to Find an Item by IDProject lessonCreate Specific Inventory TypeProject lessonFunction to Get Item DetailsProject lesson

2Core Types

Basic Types: str, num, booleanThe 'any' Type: Escape HatchThe 'unknown' TypeWorking with 'null' & 'undef'Type Inference in ActionExplicit Type AnnotationsRecap: Core Types Practice

5Types: Aliases, Unions & Inter

Type Aliases for PrimitivesUnion Types ('|')Working with Union TypesLiteral TypesIntersection Types ('&')Combining Type AliasesRecap: Advanced Type Combos

8Enums

What is a Numeric Enum?Using Numeric EnumsWhat is a String Enum?Using String EnumsHeterogeneous EnumsRecap: Using Enums

11Advanced Topics

Type Assertions Type Guards: in & instanceofThe 'never' TypeNullable Types ('strictNull')Index Signatures for ObjectsRecap: Fine-Tuning Types

3Data Structure: Arrays & Tuple

Typed Arrays'readonly' Modifier for ArraysWhat is a Tuple?Declaring and Accessing TuplesDestructuring TuplesReadonly TuplesMulti-dimensional Typed Arrays Spread Operator with ArraysRecap: Arrays and Tuples

6Typing Objects and Interfaces

Inline Object Type AnnotationsType Aliases for ObjectsIntroduction to InterfacesInterfaces vs. Type AliasesOptional & Readonly PropsExtending Interfaces and TypesAdding Methods to InterfacesRecap: Defining Object Shapes

9Generics: A First Look

The Problem Generics SolveCreating Generic Identity FuncUsing a Generic FunctionGeneric ArraysGeneric InterfacesRecap: Generic Function Prac