Obsługa Babel dla Object.entries

Question

Patrzę na stage 3 proposal of Object.values/Object.entries i bardzo chciałbym go użyć w moim bieżącym projekcie JavaScript.

Nie mogę jednak ustalić, czy istnieje jakieś ustawienie Babel, które je obsługuje. Ponieważ repozytorium GitHub, o którym była mowa powyżej, mówi, że jest to propozycja dla etapu 3, zakładałem, że będzie to część babel-preset-stage-3, ale wygląda na to, że nie.

Czy istnieje jakieś ustawienie presetu Babel (lub nawet wtyczka?), Które pozwala mi dziś używać Object.entries?

Answer 1

Korzystanie babel zainstalowanie

1. babel-preset-es2017
2. babel-plugin-transform-runtime

daje wsparcie dla Object.values/Object.entries jak również inne funkcje ES2017.

Zgodnie z zaleceniem modułów, konfigurować .babelrc z następujących czynności:

{ 
    "plugins": ["transform-runtime"], 
    "presets": ["es2017"] 
} 

Answer 2

Co zrobiłem było zainstalować core-js a potem po prostu nazwać to w górnej części mojego pliku:

require('core-js/fn/object/entries'); 

To sprawiło Object.entries dostępne. Kredyty na @FelixKling.

Answer 3

Utworzyłem tych metod sobie tak:

Object.values = x => 
     Object.keys(x).reduce((y, z) => 
      y.push(x[z]) && y, []); 

    Object.entries = x => 
     Object.keys(x).reduce((y, z) => 
      y.push([z, x[z]]) && y, []); 

Te tablice powrotne, które reprezentują oczekiwane zachowanie na obiektach podobnych do JSON.

Zastosowanie:

Object.values = x => 
 
    Object.keys(x).reduce((y, z) => 
 
    y.push(x[z]) && y, []); 
 

 
Object.entries = x => 
 
    Object.keys(x).reduce((y, z) => 
 
    y.push([z, x[z]]) && y, []); 
 

 

 
const a = { 
 
    key: "value", 
 
    bool: true, 
 
    num: 123 
 
} 
 

 
console.log(
 
    Object.values(a) 
 
) 
 

 
console.log(
 
    Object.entries(a) 
 
)