我正在使用JS库Underscore,特别是使用_.each
和_.sortby
库调用。我想知道是否有任何可能的方法来获取迭代器委托中的值的索引
_.sortBy([1, 4, 2, 66, 444, 9], function(num){
/*It'd be great to have access to the index in here */
return Math.sin(num);
});
索引实际上是可用的;
_.sortBy([1, 4, 2, 66, 444, 9], function(num, index){ });
您可以通过向迭代器function
添加另一个参数来获取当前迭代的索引,例如
_.each(['foo', 'bar', 'baz'], function (val, i) {
console.log(i + ": " + val); // 0: foo, 1: bar, 2: baz
});
如果你想改造你的数组,那么下划线的iterator
函数的map
参数也会作为第二个参数传递给索引。所以:
_.map([1, 4, 2, 66, 444, 9], function(value, index){ return index + ':' + value; });
...返回:
["0:1", "1:4", "2:2", "3:66", "4:444", "5:9"]
使用3个参数_.each
调用(element, index, list)
的迭代器。所以是的,对于_.each
,你可以获得索引。
你可以在sortBy中做同样的事情
我认为值得一提的是Underscore的_.each()内部是如何工作的。 _.each(list,iteratee)检查传递的列表是数组对象还是对象。
在列表是数组的情况下,iteratee参数将是一个列表元素和索引,如下例所示:
var a = ['I', 'like', 'pancakes', 'a', 'lot', '.'];
_.each( a, function(v, k) { console.log( k + " " + v); });
0 I
1 like
2 pancakes
3 a
4 lot
5 .
另一方面,如果list参数是一个对象,则iteratee将获取一个list元素和一个键:
var o = {name: 'mike', lastname: 'doe', age: 21};
_.each( o, function(v, k) { console.log( k + " " + v); });
name mike
lastname doe
age 21
作为参考,这是来自Underscore.js 1.8.3的_.each()代码
_.each = _.forEach = function(obj, iteratee, context) {
iteratee = optimizeCb(iteratee, context);
var i, length;
if (isArrayLike(obj)) {
for (i = 0, length = obj.length; i < length; i++) {
iteratee(obj[i], i, obj);
}
} else {
var keys = _.keys(obj);
for (i = 0, length = keys.length; i < length; i++) {
iteratee(obj[keys[i]], keys[i], obj);
}
}
return obj;
};
更一般地说,在大多数情况下,使用列表和参数作为前两个参数的下划线函数提供对列表索引的访问,作为迭代器的倒数第二个参数。当涉及两个下划线函数_.reduce和_.reduceRight时,这是一个重要的区别,它将'memo'作为它们的第三个参数 - 在这两个参数的情况下,索引不会是第二个参数,但是第三:
var destination = (function() {
var fields = ['_333st', 'offroad', 'fbi'];
return _.reduce(waybillInfo.destination.split(','), function(destination, segment, index) {
destination[fields[index]] = segment;
return destination;
}, {});
})();
console.log(destination);
/*
_333st: "NYARFTW TX"
fbi: "FTWUP"
offroad: "UP"
The following is better of course but not demonstrate my point:
var destination = _.object(['_333st', 'offroad', 'fbi'], waybillInfo.destination.split(','));
*/
所以如果你想要你可以使用下划线本身获得索引:_.last(_.initial(arguments))
。一个可能的异常(我还没试过)是_.map,因为它可以取一个对象而不是一个列表:“如果list是一个JavaScript对象,迭代器的参数将是(value,key,list)。” - 见:http://underscorejs.org/#map
如果可用,我相信大多数lodash数组函数都会显示迭代。但排序实际上并不是一个迭代:当你在数字66上时,你没有处理数组中的第四个项目,直到它完成。自定义排序函数将循环遍历数组多次,向前或向后轻推相邻的数字,直到所有内容都在适当的位置。