Arrays

underscore为Array提供了许多工具类方法,可以更方便快捷地操作Array

first / last

顾名思义,这两个函数分别取第一个和最后一个元素:

  1. 'use strict';
  2. var arr = [2, 4, 6, 8];
  3. _.first(arr); // 2
  4. _.last(arr); // 8

flatten

flatten()接收一个Array,无论这个Array里面嵌套了多少个Arrayflatten()最后都把它们变成一个一维数组:

  1. 'use strict';
  2. _.flatten([1, [2], [3, [[4], [5]]]]); // [1, 2, 3, 4, 5]

zip / unzip

zip()把两个或多个数组的所有元素按索引对齐,然后按索引合并成新数组。例如,你有一个Array保存了名字,另一个Array保存了分数,现在,要把名字和分数给对上,用zip()轻松实现:

  1. 'use strict';
  2. var names = ['Adam', 'Lisa', 'Bart'];
  3. var scores = [85, 92, 59];
  4. _.zip(names, scores);
  5. // [['Adam', 85], ['Lisa', 92], ['Bart', 59]]

unzip()则是反过来:

  1. 'use strict';
  2. var namesAndScores = [['Adam', 85], ['Lisa', 92], ['Bart', 59]];
  3. _.unzip(namesAndScores);
  4. // [['Adam', 'Lisa', 'Bart'], [85, 92, 59]]

object

有时候你会想,与其用zip(),为啥不把名字和分数直接对应成Object呢?别急,object()函数就是干这个的:

  1. 'use strict';
  2. var names = ['Adam', 'Lisa', 'Bart'];
  3. var scores = [85, 92, 59];
  4. _.object(names, scores);
  5. // {Adam: 85, Lisa: 92, Bart: 59}

注意_.object()是一个函数,不是JavaScript的Object对象。

range

range()让你快速生成一个序列,不再需要用for循环实现了:

  1. 'use strict';
  2. // 从0开始小于10:
  3. _.range(10); // [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
  4. // 从1开始小于11:
  5. _.range(1, 11); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
  6. // 从0开始小于30,步长5:
  7. _.range(0, 30, 5); // [0, 5, 10, 15, 20, 25]
  8. // 从0开始大于-10,步长-1:
  9. _.range(0, -10, -1); // [0, -1, -2, -3, -4, -5, -6, -7, -8, -9]

更多完整的函数请参考underscore的文档:http://underscorejs.org/#arrays

练习

请根据underscore官方文档,使用_.uniq对数组元素进行不区分大小写去重:

Arrays - 图1

读后有收获可以支付宝请作者喝咖啡,读后有疑问请加微信群讨论:

Arrays - 图2 Arrays - 图3