[vc_row el_class=”blog-info”][vc_column][vc_single_image source=”featured_image” img_size=”full” style=”vc_box_rounded”][vc_empty_space height=”40px”][vc_row_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”2/3″][vc_column_text el_class=”font-weight-bold”]
Convertir enumeraciones de cadenas en matrices en TypeScript
Uso de frases sencillas para convertir sus enumeraciones de cadenas en matrices en TypeScript fácilmente.
[/vc_column_text][vc_empty_space height=”40px”][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”2/3″][vc_column_text]
A menudo, en TypeScript, desea tener todas las claves de enumeración posibles como una matriz cuando trabaja con enumeraciones. Los casos de uso típicos son menús desplegables u otros componentes de selección basados en enumeraciones.
Con los métodos Object.keys(...) y Object.values(...), es sencillo obtener las claves y los valores de enumeración.
Por ejemplo, en el siguiente fragmento, puede ver que creé una enumeración de cadena llamada MyStringEnum y usé los métodos Object.keys(...) y Object.values(...) para obtener las claves y los valores de la enumeración y luego imprímelo en la consola.
enum MyStringEnum {
HELLO = 'HELLO_VALUE',
WORLD = 'WORLD_VALUE'
}
const stringEnumKeys = Object.keys(MyStringEnum);
const stringEnumValues = Object.values(MyStringEnum);
console.log('Keys:');
// Output: [ 'HELLO', 'WORLD' ]
console.log(stringEnumKeys);
console.log('Values:');
// Output: [ 'HELLO_VALUE', 'WORLD_VALUE' ]
console.log(stringEnumValues);
¿Quieres ponerte en contacto?
Si quiere ponerse en contacto conmigo, por favor agende una reunión abajo.
[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row el_class=”social-info”][vc_column width=”1/6″][/vc_column][vc_column width=”2/3″][vc_row_inner][vc_column_inner width=”1/2″][vc_column_text][social_share_button themes=’theme1′][/vc_column_text][/vc_column_inner][vc_column_inner el_class=”youtube-inner-col” width=”1/2″][vc_column_text][likebtn theme=”youtube” lang=”auto” show_like_label=”0″ white_label=”1″ alignment=”right”][/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner el_class=”social-info-inner”][vc_column_inner width=”1/4″][vc_single_image image=”921″][/vc_column_inner][vc_column_inner width=”3/4″][vc_column_text]
Diego Pacheco
Ingeniero en Sitemas, MBA (Babson College). Desarrollador PHP/Java/JavaScript. Fundador & CEO de EpicStudio. Entusiasta de las tecnologías web (JavaScript, Vue, Laravel, AWS, Docker) Viajes, Negocios, Surf y Growth.[/vc_column_text][asvc_list_item icon_fontawesome=”fa fa-calendar-o” icon_size=”14px”]Programar una reunión[/asvc_list_item][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=”1/6″][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]
Recent Post
[/vc_column_text][lvca_posts_carousel posts_query=”size:3|order_by:rand|post_type:post” image_linkable=”true” image_size=”full” taxonomy_chosen=”post_tag” display_title=”true” display_post_date=”true” display_summary=”true” autoplay_speed=”3000″ animation_speed=”300″ display_columns=”3″ scroll_columns=”3″ gutter=”3″ tablet_display_columns=”2″ tablet_scroll_columns=”2″ tablet_gutter=”3″ tablet_width=”800″ mobile_display_columns=”1″ mobile_scroll_columns=”1″ mobile_gutter=”3″ mobile_width=”480″][vc_empty_space height=”20px”][/vc_column][/vc_row]