下划线根据对象键创建数组

Question

假设我有一个像这样的js对象

{
    a: 5,
    b: 1,
    c: 3
}

我想用Underscore做的是生成一个类似于下面的数组;

["a","a","a","a","a","b","c","c","c"]

我可以用以下代码实现我想要的

var i = {
    a: 5,
    b: 1,
    c: 3
};

unpack = function (i, item) {
    var items = [];
    _.range(0, i).forEach(function (i) {
        items.push(item)
    })
    return items;
}

console.log(_.flatten(_.map(i, unpack)));

http://jsfiddle.net/VCFZx/但它似乎不是最干净的方式吗？

Answer 1

在ECMA5中你可以这样做

使用Javascript

function createFilledArray(obj) {
    return Object.keys(obj).reduce(function(acc, key) {
        var repeat = obj[key],
            count;

        for(count = 0; count < repeat; count += 1) {
            acc.push(key);
        }

        return acc;
    }, []);
}

var a = {
    'a': 5,
    'b': 1,
    'c': 3
};

console.log(createFilledArray(a));

在jsFiddle上

在underscore方面看起来像这样

使用Javascript

function createFilledArray(obj) {
    return _.reduce(_.keys(obj), function(acc, key) {
        var repeat = obj[key],
            count;

        for(count = 0; count < repeat; count += 1) {
            acc.push(key);
        }

        return acc;
    }, []);
}

在jsFiddle上

如果你想进一步取代for

使用Javascript

function createFilledArray(obj) {
    return _.reduce(_.keys(obj), function(acc, key) {
        _.times(obj[key], function() {
            acc.push(key);
        });

        return acc;
    }, []);
}

在jsFiddle上

现在为了一点利益因素，让我们看看上面3个函数的性能，因为我们介绍了更多的Underscores方法，我们也将它们与@mrhobo公认的解决方案进行比较

这是jsPerf

其他一些都没有考虑到这一点，而且从你的问题中不清楚的是，字母顺序是否必须。 如果是，那么需要将一种sort投入到混合中，因为这些都不能保证排序。

最后，在评论中提到的ES3中。

使用Javascript

function createFilledArray(obj) {
    var acc = [],
        key,
        repeat,
        count;

    for (key in obj) {
        if (obj.hasOwnProperty(key)) {
            for (count = 0, repeat = obj[key]; count < repeat; count += 1) {
                acc.push(key);
            }
        }
    }

    return acc;
}

在jsFiddle上

我已经将ES3方法添加到了jsPerf中。

如果你想用其他Underscore方法链接结果。

_.chain(createFilledArray(a)).forEach(function(element) {
    console.log(element);
});

Answer 2

这个怎么样：

var obj = 
{
a :5,
b : 1,
c : 3
};

console.log( 
  _.flatten(_.map(_.keys(obj), function (key) {
      return _.times(obj[key], function() { return key; });  
  }))
);

http://jsfiddle.net/J6bqb/

请注意，此解决方案纯粹是功能性的。

这是一个很好的链接版本：

  _.chain(_.keys(obj))
    .map(function (key) {
      return _.times(obj[key], function() { return key; });  })
    .flatten()
    .value()