Скачать или смотреть Using Enum and Generics to Get the Day of the Week in TypeScript

Learn how to effectively use `Enum` and `Generics` in TypeScript to retrieve the current day of the week. This guide provides a clear explanation of the problem and a step-by-step solution.
---
This video is based on the question https://stackoverflow.com/q/65318037/ asked by the user 'Jon B' ( https://stackoverflow.com/u/12682179/ ) and on the answer https://stackoverflow.com/a/65319032/ provided by the user 'yudhiesh' ( https://stackoverflow.com/u/13337635/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: Using Enum and generics to get day of the week in typescript

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
Using Enum and Generics to Get the Day of the Week in TypeScript

When working with TypeScript, developers often come across the need to access certain values based on a key. In this post, we'll address a common problem: how to retrieve the current day of the week using Enum and Generics in TypeScript. If you've ever encountered an error while indexing an enum with a generic type, you're not alone. Let’s break down the problem and explore a solution together.

The Problem: Indexing Enum with a Generic Type

In the original attempt, an Enum was created containing the days of the week, but when trying to access a day using a numeric index sourced from new Date().getDay(), an error occurred:

[[See Video to Reveal this Text or Code Snippet]]

The error message was clear: Argument of type 'number' is not assignable to parameter of type '...Days enumeration values...'. This indicated that there was a mismatch between the numeric value returned by getDay() and the expected type of keys for the enum.

Understanding the Issue

Enum Definition: The existing enum assigned a numeric value starting from 1 for SUNDAY, whereas JavaScript's getDay() returns:

0 for Sunday

1 for Monday

2 for Tuesday

and so on up to 6 for Saturday.

Thus, the mismatch stems from day indexing starting at 0 rather than 1 if we want to translate those values to our enum directly.

The getDay Method: This method returns a number (from 0 to 6), which needs to index into the enum correctly.

The Solution: Correcting the Enum and the Function

To resolve the issue, we can follow these simple steps:

Step 1: Adjust the Enum

Make sure that the Days enum starts its indexing from 0 corresponding to the output of getDay().

[[See Video to Reveal this Text or Code Snippet]]

Step 2: Modify the Function

We don't need a separate generic type for days. Instead, we can directly accept the numeric day index.

Here’s the revised function:

[[See Video to Reveal this Text or Code Snippet]]

Final Implementation

Now, you can call the function and correctly retrieve the day of the week:

[[See Video to Reveal this Text or Code Snippet]]

Conclusion

By adjusting the enum to correctly align with the values returned by JavaScript's getDay() method and simplifying the function signature, we can successfully index into the enum to get the current day of the week. Remember, when working with types and enums in TypeScript, it’s crucial to ensure that you’re aligning your types appropriately with their underlying values. Happy coding!