@jslibrary/enumeration
v0.0.5
Published
Enumeration
Downloads
3
Readme
:star2: About the Project
This project was created in order to provide an useful and helpful JavaSciprt Enumeration for developers.
You can use it for comparisons in code and also are able to generate an array that can be easily binded in a select component, for example.
:toolbox: Getting Started
:gear: Installation
Install enumeration with npm
npm install @jslibrary/enumeration
:eyes: Usage
First of all, you have to create your enumerations. There are two suggested ways for doing it:
1 - Extending Enumeration class.
or
2 - Using a new instance of Enumeration.
1 - Extending Enumeration class ...
import { Enumeration } from '@jslibrary/enumeration'
Class Gender extends Enumeration {
constructor() {
super()
this.add('M', 'Male', 'MALE')
this.add('F', 'Female', 'FEMALE')
}
}
export default new Gender()
2 - Using a new Instance of Enumeration ...
import { Enumeration } from '@jslibrary/enumeration'
const enumeration = new Enumeration()
enumeration.add('M', 'Male', 'MALE')
enumeration.add('F', 'Female', 'FEMALE')
export default enumeration
After this, you are ready to use your own enumeration in your code
Using my own Enumeration ...
import Gender from './Gender'
if (person.gender === Gender.Female) {
...
}
If you need a JSON to populate a select with this options, you can call .toJSON() method. The result is something like this:
[
{value: 'M', variable: 'Male', text: 'MALE'},
{value: 'F', variable: 'Female', text: 'FEMALE'}
]
Binding this JOSN on a select component the result is this:
<v-select
label="GENDER"
v-model="person.gender"
:items="Gender.toJSON()"
>
</v-select>
It's ok if you need to use another type of value like number, for example. This class is flexible!
...
this.add(1, 'Male', 'MALE')
this.add(2, 'Female', 'FEMALE')
...