分割数组中的对象,以N个对象为一组

原文地址:

https://blog.csdn.net/zlzbt/article/details/93472753?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522167774875116782425130792%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=167774875116782425130792&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~baidu_landing_v2~default-1-93472753-null-null.142^v73^wechat,201^v4^add_ask,239^v2^insert_chatgpt&utm_term=sliceArrFn&spm=1018.2226.3001.4187

方法是上面这个大佬写的,我只是搬运工 在基础上优化了些

想让一个数组变成数组套数组的情况可以用这个方法,通常用于手写分页

//分割数组
//array:要分割的大数组
//length:要按一个数组length个,进行分割
    sliceArrFn (array, length) {
      var result = [];
      var size = length;  //自定义数组的长度
      for (var x = 0; x < Math.ceil(array.length / size); x++) {
        var start = x * size;
        var end = start + size;
        result.push(array.slice(start, end));
      }
      return result;
    },

比如需求是想让一页只显示三条数据 ,此时接口返回的数据是 [{...},{...},{...},{...}],那么就是要分成两页,一页三条,一页一条。

上面的截图这是为了体现需要用到二重循环,第一层循环是为了知道需要分几页,第二层循环是为了将一页里的数据列出来,这页的数据就是我们自己控制,也就是方法中的length参数

猜你喜欢

转载自blog.csdn.net/a666666000/article/details/129305227
今日推荐