Estoy buscando una versión alternativa para la función Object.values() .
Como se describe aquí, la función no es compatible con Internet Explorer.
Al ejecutar el siguiente código de ejemplo:
var obj = { foo: 'bar', baz: 42 }; console.log(Object.values(obj)); // ['bar', 42]Funciona tanto en Firefox como en Chrome, pero arroja el siguiente error en IE11:
El objeto no admite "valores" de propiedad o método
Aquí puedes probarlo: Fiddle .
Entonces, ¿cuál sería una solución rápida?
Puede obtener una matriz de claves con Object.keys() y luego usar map() para obtener valores.
var obj = { foo: 'bar', baz: 42 }; var values = Object.keys(obj).map(function(e) { return obj[e] }) console.log(values)Con ES6 puede escribir esto en una línea usando funciones de flecha.
var values = Object.keys(obj).map(e => obj[e])Object.values() es parte de la especificación ES8 (junio de 2017). Usando Cordova, me di cuenta de que Android 5.0 Webview no lo admite. Entonces, hice lo siguiente, creando la función polyfill solo si la función no es compatible:
if (!Object.values) Object.values = o=>Object.keys(o).map(k=>o[k]);Dado que Object es una implementación ( no tan ) reciente, si desea admitir todos los navegadores (también conocido como IE11 y anteriores), debe crear su propia función:
function objectValues(obj) { var res = []; for (var i in obj) { if (Object.prototype.hasOwnProperty.call(obj, i)) { res.push(obj[i]); } } return res; } PD: Acabo de notar la etiqueta ecmascript-6 . Por cierto, guardo esta respuesta aquí, en caso de que alguien la necesite.