是否有可能在Underscore.js中获得正在排序的索引?


88

我正在使用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); 
});

Answers:


163

索引实际上是可用的;

_.sortBy([1, 4, 2, 66, 444, 9], function(num, index){  });

Lodash的地图也起作用
Csaba Toth

6
可悲的是,这其实并没有在Lodash的工作sortBy为4.17.4版本,这可能是在这种情况下,以了解更多的帮助。
乔纳森·杜马因

81

您可以通过向迭代器添加另一个参数来获取当前迭代的索引function,例如

_.each(['foo', 'bar', 'baz'], function (val, i) {
    console.log(i + ": " + val); // 0: foo, 1: bar, 2: baz
});

19

如果您希望转换数组,那么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"]

10

_.each使用3个参数调用的迭代器(element, index, list)。是的,为_.each您的出租车获取索引。

您可以在sortBy中进行相同的操作


6

我认为值得一提的是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;
};

1

更一般而言,在大多数情况下,将列表和参数作为前两个参数的下划线函数提供对列表索引的访问,作为对迭代器的倒数第二个参数。当涉及两个下划线函数_.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对象,则迭代器的参数将为(值,键,列表)。” -请参阅:http//underscorejs.org/#map


0

如果可以的话,我相信大多数lodash数组函数都将显示迭代。但是排序实际上并不是以相同的方式进行迭代:当数字为66时,直到完成为止,您才需要处理数组中的第四项。自定义排序功能将循环遍历数组多次,向前或向后轻推相邻的数字,直到所有内容都位于适当的位置。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.