从一组数组中，取出某个字段不同的100条数据

背景：在开发一个项目时，需要展示某个市区的公示信息，后端返回了500条数据，500条数据中包含有9个不同的村镇，产品的意思是500条数据只取100条，但100条数据取不同村镇的。所以最开始的直接数组slice截取100个这个想法是不对的，因为可能截取到的是100条村镇一样的数据，因此封装了一个方法，去实现这个需要。

首先简单的看看效果：

    

 

const lodash = require('lodash');
function getList(Arr, groupKey, length) {
  let groupMap = lodash.groupBy(Arr, groupKey);
  let groupKeyList = Object.keys(groupMap);
  let keyIndex = {};
  let list = [];
  const getItem = index => {
    let key = groupKeyList[index];
    if (!key) return;
    if (!keyIndex[key] && keyIndex[key] !== 0) {
      keyIndex[key] = 0;
    } else {
      keyIndex[key]++;
    }
    let item = groupMap[key][keyIndex[key]];
    let countTotal = Object.values(keyIndex).reduce((sum, one) => {
      return (sum += one);
    }, 0);
    let listLength = Arr.length;
    if (!item && countTotal >= listLength) {
      return;
    }
    if (!item) {
      index++;
      if (index > groupKeyList.length - 1) {
        index = 0;
      }
      return getItem(index);
    }
    return item;
  };
  for (var i = 0; i < length; i++) {
    let index = i % groupKeyList.length;
    let item = getItem(index);
    if (!item) {
      break;
    }
    list.push(item);
  }
  return list;
}


// 测试
let list = [
  { name: 'A1', type: 'A' },
  { name: 'A4', type: 'A' },
  { name: 'B1', type: 'B' },
];
let res = JSON.stringify(getList(list, 'type', 5), null, 4);
console.log(res);