首页 > 编程语言 >JavaScript 将大数组拆分成多个小数组 循环调用接口

JavaScript 将大数组拆分成多个小数组 循环调用接口

时间:2023-11-02 20:08:21浏览次数:39  
标签:index arr JavaScript 接口 length let len 数组

项目需求:

数据列表批量选择提交购物车,一次性提交数据量过大接口会报错,传递的参数是选中数据id的数组。项目运行很久了不做大改动,将提交数据总数限制在2000条以内,每500条走一次接口。

思路:

1.写一个将大数组拆分多个小数组的方法,arr为大数组,len为要拆分的小数组长度

arrGroup (arr, len) {
   let index = 0,
        newArr = [];
    while (index < arr.length) {
        newArray.push( arr.slice ( index , index += len ));
    }
    return newArray;
},

2.定义每次传多少条数据,调用方法获取新的数组,新数组的length就是要循环调用接口的次数

let count = 500; // 每个小数组的length
let newIdsArr = this.arrGroup(this.ids, count)
newIdsArr.forEach(item => {
    this.$ajax.post(url, { id: item.join(",")})
    .then((res) => {
        console.log(res);
    })
    .catch((err) => {
        console.log(err);
    });
})

标签:index,arr,JavaScript,接口,length,let,len,数组
From: https://blog.51cto.com/u_15402980/8154027

相关文章

  • 超好用的IDEA插件推荐,写完代码直接调试接口
    Apipost推出IDEA插件非常省时高效,写完代码直接可以进行调试,而且支持生成接口文档,真是后端神器啊!可以点击下方链接安装更新或在插件商店中搜索安装下载链接:https://plugins.jetbrains.com/plugin/22676-apipost-helper-2-0/versions01.调试功能支持host、全局header配置在调试区右键......
  • 数据类型-数组
    1.定宽数组:compile时确定intarry[5:0]  equivalentto  intarry[6]arry[5:0]=`{1,2,3,4,5,6};arry[5:0]=`{6{6}};arry[5:0]=`{1,2,3,default:4}=`{1,2,3,4,4,4} //=====================================================================2.动态数组:simu......
  • 超好用的IDEA插件推荐,写完代码直接调试接口
    Apipost推出IDEA插件非常省时高效,写完代码直接可以进行调试,而且支持生成接口文档,真是后端神器啊!可以点击下方链接安装更新或在插件商店中搜索安装下载链接:https://plugins.jetbrains.com/plugin/22676-apipost-helper-2-0/versions01.调试功能支持host、全局header配置在调试......
  • Java数组_03数组执行原理
    1、运行主要用到的三个区: 2、执行原理: ......
  • postman Pre-request Script(预处理)post请求获取sign(接口鉴权)
    背景请求业务接口时需要先调用auth应用的鉴权接口获取sign(类似其他系统登录接口返回的token),否则会提示:鉴权失败,从而导致业务接口无法使用。获取sign接口请求参数为业务接口的请求参数,所以Pre-requestScript(预处理)post请求内的body为变量。一、Pre-requestScript(预处理)......
  • 掌握JavaScript中数组遍历的7种方法
    作为JavaScript开发人员,熟悉数组的遍历和操作是非常重要的。数组遍历是处理和操作数组元素的基本需求之一。本文将介绍JavaScript中的10种常见数组遍历方法,帮助你成为数组操作的达人。数组的遍历for循环forEach方法for...of循环map方法reduce方法for...in循环filter方法for循环or循......
  • Java数组_01静态初始化数组
    1、初始化  2、访问数组数据 3、遍历数组 ......
  • 算法刷题记录-长度最小的子数组
    算法刷题记录-长度最小的子数组长度最小的子数组给定一个含有n个正整数的数组和一个正整数target。找出该数组中满足其总和大于等于target的长度最小的连续子数组[numsl,numsl+1,...,numsr-1,numsr],并返回其长度。如果不存在符合条件的子数组,返回0。示例1:输......
  • Python循环数组的方法
    Python的遍历数组的三种方式。遍历方式假设:nums=[4,5,6,10,1]第一种,forin的语法,这种语法很方便,但是在写Python算法里面用到的少fornuminnums:print(num)第二种是下标访问,range生成0到数组最大长度的下标数组forindexinrange(len(nums)):print(index,nu......
  • js/javaScript实现金额千分位
    作为前端开发,我们都知道,在实际的需求开发中,难免会遇到需要将接口返回的金额进行千分位格式化的场景。千分位后的金额便于阅读,提升用户体验。金额千分位可以由前端来处理,也可以后端处理后返回给前端展示。下边就来贴一下前端的两种实现方式:方法一:constcheckNaN=(value,cb)=......