我正在使用此处精彩描述的一些 Knockout 实用函数:http://www.knockmeout.net/2011/04/utility-functions-in-knockoutjs.html
我想做一个 arrayMap 来根据条件选择某些属性,例如
return ko.utils.arrayMap(myObservableArray(), function (item) {
return item.Label;
});
例如,这会产生以下输出:
[null, "", "SomeLabel", null, "SomeOtherLabel"]
我想根据条件选择属性,所以我尝试:
return ko.utils.arrayMap(myObservableArray(), function (item) {
if (item.Label && item.Label !== "") {
return item.Label;
}
});
但是你最终会得到一个像这样的数组:
[undefined, undefined, "SomeLabel", undefined, "SomeOtherLabel"]
我也试过这个:
return ko.utils.arrayMap(myObservableArray(), function (item) {
return (item.Label && item.Label !== "") ? item.Label : false;
});
但是你得到:
[false, false, "SomeLabel", false, "SomeOtherLabel"]
所以我接下来要做的是:
var itemsWithLabels = ko.utils.arrayFilter(myObservableArray(), function (item) {
return (item.Label && item.Label !== "");
});
return ko.utils.arrayMap(itemsWithLabels, function (item) {
return item.Label;
});
这会给我:
["SomeLabel", "SomeOtherLabel"]
是否有使用 ko.utils 或类似工具一次性完成此操作的更有效方法?
最佳答案
正如您所注意到的,使用 ko.utils.arrayMap 时,您的回调会返回一些东西。所以这是一个“哑函数”,它总是将回调的返回值附加到数组中。返回 undefined、null 或 false 不会忽略结果数组中的值。
arrayFilter 不允许修改过滤后的项目:原始项目将被推送到结果数组。
简而言之,使用 ko.utils.array* 函数无法更有效地完成此操作。您可以组合它们并使代码更冗长,甚至可以将它们放在计算中:
var itemsWithLabels = ko.computed(function () {
return ko.utils.arrayMap(ko.utils.arrayFilter(myObservableArray(), function (item) {
return item.Label && item.Label.length;
}), function (filteredItem) {
return filteredItem.Label;
});
});
但这是你能做的最好的了。我选择先应用过滤器,然后再做映射,因为在我看来映射比过滤更昂贵。但这只是一种预感。
也许诸如 Underscore 之类的库提供了直接执行此操作的方法。
自己编写这样的方法也相当容易(如果您愿意,可以将其放在 ko.utils 中)
ko.utils.arrayMapFilter = function (array, mapping) {
array = array || [];
var result = [], mapResult;
for (var i = 0, j = array.length; i < j; i++) {
mapResult = mapping(array[i]);
if (mapResult) {
result.push(mapResult);
}
}
return result;
},
您的映射回调现在可以返回虚假值,例如 0、""、false、null 或 undefined,它们不会在数组中结束。
如果您无论如何都想允许上述一些值(例如 0 或 ""),则只需更改以下行:
if (mapResult)
更严格的,比如:
if (mapResult !== undefined && mapResult !== null)
关于javascript - ko.utils.arrayMap,但只返回数组的一部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21428980/