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

first / last

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

  1. let arr = [2, 4, 6, 8];
  2. _.first(arr); // 2
  3. _.last(arr); // 8

flatten

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

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

zip / unzip

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

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

unzip()则是反过来:

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

object

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

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

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

range

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

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

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

练习

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

  1. let arr = ['Apple', 'orange', 'banana', 'ORANGE', 'apple', 'PEAR'];
  2. let result = ???
  3. // 测试
  4. if (result.toString() === ["Apple", "orange", "banana", "PEAR"].toString()) {
  5. console.log('测试成功!');
  6. } else {
  7. console.log('测试失败!');
  8. }