1

第一次使用下划线，我被卡住了，找不到例子。

我的数据是：

[{
        "store_name": "Store 1",
        "franchisee_id": "id01",
        "dish_menu": "Breakfast",
        "dish_count": "17"
    }, {
        "store_name": "Store 1",
        "franchisee_id": "id01",
        "dish_menu": "Light Meals",
        "dish_count": "7"
    }, {
        "store_name": "Store 1",
        "franchisee_id": "id01",
        "dish_menu": "Sandwiches",
        "dish_count": "12"
    }, {
        "store_name": "Store 2",
        "franchisee_id": "id02",
        "dish_menu": "Breakfast",
        "dish_count": "7"
    },
        ............
]

我已经设法（在此处的一些帮助下）store_name使用以下链接命令提取不同的内容，然后将其放入我正在构建的 HTML 语句中：

var stores = _.chain(json).pluck("store_name").sort().uniq(true).value();
var tempHTML = "";

stores.forEach(function (entry) {
    tempHTML = tempHTML + '<option value="' + entry + '">' + entry + '</option>';
});

但是我正在尝试将其franchisee_id与不同的store_name并基本上构建我的 HTML，如下所示：

stores.forEach(function (entry) {
    tempHTML = tempHTML + '<option value="' + FRANCHISEE_ID + '">' + STORE_NAME + '</option>';
});

有没有一种方法可以_.pluck使用 store_name 值来为特许经营商 ID 设置值？这两个字段之间存在 1:1 的关系，因此即使获得“第一次找到”的特许经营商 ID 也可以。谢谢！

4

2 回答 2

3

您可以执行以下操作以按所需顺序获取您的 id/name 对：

var map_id_to_name = function(m, o) {
    m[o.franchisee_id] = o.store_name;
    return m;
};
var arrayify = function(name, id) {
    return [ name, id ];
};
var stores = _(data).chain()
                    .reduce(map_id_to_name, { })
                    .map(arrayify)
                    .sortBy(_.first)
                    .value();

演示：http: //jsfiddle.net/ambiguous/9xxS6/

这将为您提供一系列数组stores，您可以在其中旋转以构建您<option>的 s; stores看起来像这样：

[
    [ "Store 1", "id01" ],
    [ "Store 2", "id02" ],
    ...
]

商店名称将在内部数组的第一个条目中，而特许经营 ID 在第二个条目中。整个事情将按商店名称排序。如果您想要不区分大小写的排序，那么您可以.sortBy(function(a) { return a[0].toLowerCase() })改为。

使用reduce(map_id_to_name, { })Object 收集唯一的 id/name 对以自动强制唯一性（毕竟 Object 中的键是唯一的）。然后map(arrayify)将 Object 转换为 array-of-arrays，以便您可以对事物进行排序。您可以改用对象数组，这只是对mapandsortBy调用的一个小改动。

于 2014-04-19T05:53:45.500 回答
1

另一种方法，从对象中提取所需信息，然后过滤结果数组以获得唯一对象：

var stores = _(data).chain()

// convert each object to {store_name: ..., franchisee_id: ...}
.map(function(m) {
    return _.pick(m, "store_name", "franchisee_id");
})

//keep one of each
//can be shortened to .uniq(_.property('franchisee_id'))
.uniq(function(m) {
    return m.franchisee_id;
})

//sort by name
.sortBy("store_name")

//and get the array
.value();

你的最终数组看起来像

[
    {store_name: "Store 1", franchisee_id: "id01"},
    {store_name: "Store 2", franchisee_id: "id02"}
]

和一个演示http://jsfiddle.net/mr82s/

再加上一点_.mixin魔法，你可以把它进一步浓缩成

_.mixin({
    properties: function() {
        var args = _.toArray(arguments);
        return function(obj) {
            return _.pick(obj, args);
        };
    }
});

var stores = _(data).chain()
.map(_.properties("store_name", "franchisee_id"))
.uniq(_.property('franchisee_id'))
.sortBy("store_name")
.value()

http://jsfiddle.net/nikoshr/mr82s/1/

于 2014-04-19T08:59:28.213 回答