前端请求数据过多,Promise.all,_.chunk,_.flatten解决方法之一

场景: 向后端发送 post请求,传输一个length 是 3800的 Array,这个是Array是 3800 个人的id, 然后返回id 对应的详细信息。但是接口有限制,最多一次查询并返回1000条,所以最少请求四次。
代码:

import axios from 'axios';
import moment from 'moment';
import _ from 'lodash';

async function getDetail(idArr) {
 	const chunkArr = _.chunk(idArr, 1000); // 拆分数组
	const postArr = await Promise.all(chunkArr.map(async(item) => {
		return axios.post(url,{
			timestamp: moment().format("YYYY-MM-DD HH:mm:ss"),
			data: idArr,
		})
	}));
	const finalArr = _.flatten(postArr); // 二维数组变成一维数组
	return finalArr;
}

getDetail([id:1, id:2, id:3, ..........]); // 传入 length 是 3800的 数组
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值