How to use enum to determine which item to use from an import in TypeScript?

Question

Overview

We have a module that exports objects from other files.

For simplicity sake, let's call this Vehicle. It exports Car, Boat, and Plane.

We have an enum that corresponds to these vehicles, let's say the following:

enum Vehicles {
    Car,
    Boat,
    Plane,
}

We are looking to use the enum to specify which imported object we should then use.

---

Question

We're aware that we can do a switch/case, but this becomes unnecessarily long as our enum grows. Some of our classes export dozens of variations of objects that we then use elsewhere (we are unable to use types/interfaces to simplify).

switch(vehicle) {
    case Vehicles.Car: {
        return Car;
    }
    case Vehicles.Boat: {
        return Boat;
    }
    case Vehicles.Plane: {
        return Plane;
    }
}

---

More info

We are using TypeScript with Svelte. The import is a package (e.g. Google Charts [charts], fortawesome [icons], etc.). We are looking to create a sort of wrapper to easily initialize specific components.

Example:

<script lang="ts">
    import { a, b, c } from x
    const y = () => {
        // logic here
    }
</script>

<y/>

_{This question seems to be TypeScript-specific, so I've purposely left out svelte tag from my question}

Answer 1

So I tried some things, here you can see them:

---

What I originally wanted to do

I tried to assign the classes to the enum properties, but it didn't work. How I imagined it is like this:

enum Vehicle {
    Car = Car,
    Boat = Boat,
    Plane = Plane,
}

But TypeScript gives me an error. You can try it here. Why did I think about that? Because you can assign value to enum properties like this:

enum Char {
    A = 65,
    B = 66,
    C = 67,
    D = 68,
    // ...
}

But as you can see, it doesn't work in your case.

---

A possible solution

You could just forget using an enum. There is a special feature in TypeScript, as const. It makes an array or object literal constant. That would look somehow like this:

const Vehicle = {
    Car,
    Boat,
    Plane
} as const;

Why don't I use a value? That is called property shorting (or something like that). When you have a variable or some named thing and want to use it with the same property name, you don't have to specify one. Here is the example using the as const version.

---

What when you want to get the class by an index?

You can use Object.keys to get an array of keys. It look somehow like this:

const index = 1;
const keys = Object.keys(Vehicle);
const vehicle = Vehicle[keys[index]];

I'm not going to add a link here because it is not really important.