如何在一个对象属性上调用Array.reduce？

Question

我试着做一个

var obj = { foo: 'bar', bar: 'baz' };
Array.prototype.reduce.call(obj, function(prev, val) {
    // whatever code ...
}, []);

但它不执行任何迭代。也许是因为对象属性不可枚举？

有没有办法在对象上运行reduce函数？

Answer 1

像reduce()这样的数组方法只能在数组或类似数组的对象上运行（使用length和数字属性）。

您可以调用Object.values()来获取对象属性值的数组。

Answer 2

您可以在reduce()函数返回的数组上运行Object.keys()方法。它看起来像这样：

var obj = { foo: 'fooValue', bar: 'barValue' };
var str = Object.keys(obj).reduce((accum, key)=>{
    return accum + obj[key];
}, '');
// str = 'fooValuebarValue';

Answer 3

几个错误。

• obj不是数组。使用.values（）
• prev.push的结果不是数组，是push方法的结果是1（整数）;
• 没有var可以获得最终结果。

这是一个工作示例：

var obj = { foo: 'bar', bar: 'baz' };
var res = Array.prototype.reduce.call(Object.values(obj), function(prev, val) {
    prev.push(val);
    return prev;
}, []);
console.log(res);

我不知道你为什么使用Array.prototype.reduce.call。没有必要这样称呼它。也许你正在尝试使用js或其他东西。 prev也不是一个好名字。请记住，它累积了值，而不仅仅是之前的交互值。无论如何，这是一种更简单的方法：

var obj = { foo: 'bar', bar: 'baz' };
var res = Object.values(obj).reduce((acc, val)=>{
    acc.push(val); 
    return acc;
}, []);
console.log(res);

但如果这是您想要的答案，则根本不需要减少。看：

var obj = { foo: 'bar', bar: 'baz' };
console.log(Object.values(obj));

Answer 4

您可以使用Object.keys（obj），它将为您提供该数组上的属性名称数组，您可以应用任何数组方法（预定义），如下所示

var obj = { foo: 'bar', bar: 'baz' };
var prev=[] //let say prev is array in which you want to store some property value

Object.keys(obj).reduce(function(element) {
    // you can have condition here as well
    prev.push(obj[element]);
});

但要小心，如果你只想填充另一个数组，那么你可以使用其他数组方法，如filter，map，forEach（仅用于学习目的，因为它类似于for循环），这是有道理的。