Babel support for Object.entries
What I did was install core-js
and then just call this at the top of my file:
require('core-js/fn/object/entries');
This made Object.entries
available. Credits to @FelixKling.
Update
In core-js@3, the import path has changed:
require('core-js/features/object/entries');
Using babel, installing
- babel-preset-env
- babel-plugin-transform-runtime
gives support for Object.values
/Object.entries
as well as other *ES20** functionality.
As per recommendation by the modules, configure .babelrc with the following:
{
"plugins": ["transform-runtime"],
"presets": ["env"]
}
Update:
As noted in the comments, you can improve performance by using the map
function instead of reduce
.
Please note that the code is case-sensitive (object != Object
).
// Object.values
var objectToValuesPolyfill = function(object) {
return Object
.keys(object)
.map(
function(key) {
return object[key];
}
);
}
Object.values = Object.values || objectToValuesPolyfill;
// Object.entries
var objectToEntriesPolyfill = function(object) {
return Object
.keys(object)
.map(
function(key) {
return [key, object[key]];
}
);
}
Object.entries = Object.entries || objectToEntriesPolyfill;
Usage:
// es6
Object.values = Object.values || (x => Object.keys(x).map(k => x[k]));
Object.entries = Object.entries || (x => Object.keys(x).map(k => [k, x[k]]));
// es5
Object.values = Object.values || function(x){
return Object.keys(x).map(function(k){
return x[k];
})
};
Object.entries = Object.values || function(x){
return Object.keys(x).map(function(k){
return [k, x[k]];
})
};
const a = {
key: "value",
bool: true,
num: 123
}
console.log(
Object.values(a)
)
console.log(
Object.entries(a)
)