首页 > 其他分享 >操作对象数组

操作对象数组

时间:2023-12-26 15:46:27浏览次数:28  
标签:info tempArr arr name 对象 数组 操作 wholeArr

1.将对象数组按照一定的数量进行切割

   应用场景:列表前端分页,swiper翻页等

   json数据如下:

   const arr = [

                { "name": "AAA", "info": '01' },                 { "name": "BBB", "info": '02' },                 { "name": "CCC", "info": '03' },                 { "name": "DDD", "info": '04' },                 { "name": "EEE", "info": '05' },                 { "name": "FFF", "info": '06' },                 { "name": "GGG", "info": '07' },                 { "name": "HHH", "info": '08' },                 { "name": "III", "info": '09' },                 { "name": "JJJ", "info": '10' },                 { "name": "KKK", "info": '11' },                 { "name": "LLL", "info": '12' },     ]    splitArr(arr, num) {               var tempArr = []               var wholeArr = []               for (let i = 0; i < arr.length; i++) {                   tempArr.push(arr[i])                   if ((i + 1) % num == 0 || i + 1 == arr.length) {                       wholeArr.push(tempArr)                       tempArr = []                   }               }       return wholeArr     }     console.log(splitArr(arr, 5))  输出:   [                 [                     { "name": "AAA", "info": '01' },                     { "name": "BBB", "info": '02' },                     { "name": "CCC", "info": '03' },                     { "name": "DDD", "info": '04' },                     { "name": "EEE", "info": '05' }                 ],                 [                     { "name": "FFF", "info": '06' },                     { "name": "GGG", "info": '07' },                     { "name": "HHH", "info": '08' },                     { "name": "III", "info": '09' },                     { "name": "JJJ", "info": '10' }                 ],                 [                     { "name": "KKK", "info": '11' },                     { "name": "LLL", "info": '12' }                 ]        ]             

标签:info,tempArr,arr,name,对象,数组,操作,wholeArr
From: https://www.cnblogs.com/kymming/p/17928255.html

相关文章

  • Selenium的操作
    简介Selenium是广泛使用的模拟浏览器运行的库,它是一个用于Web应用程序测试的工具。Selenium测试直接运行在浏览器中,就像真正的用户在操作一样,并且支持大多数现代Web浏览器。一、环境安装2.安装selenimum包pipinstallselenium2.安装浏览器驱动在官方下载EdgeDriverMicrosoftEd......
  • JDBC快速入门:从环境搭建到代码编写,轻松实现数据库增删改查操作!
    通过上篇文章我们已经对JDBC的基本概念和工作原理都有了一定的了解,本篇文章我们继续来探索如何从零开始,一步步搭建开发环境,编写代码,最后实现数据库的增删改查操作。一、开发环境搭建首先,我们需要准备的开发环境有:Java开发工具包(JDK)、数据库(如MySQL)、数据库驱动(如MySQLConnector/......
  • C/C++中的宏相关操作
    C++中的宏具有一些高级用法,以下是其中的一些:可变参数宏:使用...;表示可变参数,在宏里对可变参数进行操作。比如使用 __VA_ARGS__ 来代表可变参数。字符串拼接:使用# 操作符,可以将参数转换为字符串。例如,#defineSTRINGIFY(x)#x 可以将 x 转换为字符串。标记连接:使用......
  • PHP 操作符spaceship
    PHP操作符spaceshipPHP7.0及以后的版本引入了spaceship操作符(<=>,也被称为三向比较运算符或组合比较运算符),这是一个非常有用的语法糖,用于比较两个表达式的大小。这个操作符返回一个整数值,表示两个表达式之间的关系,如下所示:如果$a小于$b,spaceship操作符返回-1。如果$a......
  • Linux 操作命令
    路是脚踏出来的,历史是人写出来的。人的每一步行动都在书写自己的历史。Linux基础命令open:打开文件操作,如环境配置文件。open~/.zshrcvi:vi(visualinterface),linux中最经典的文本编辑器vim(viimproved)是vi发展出来的一个文本编辑器,支持代码补全、编译、错误跳转......
  • JDBC快速入门:从环境搭建到代码编写,轻松实现数据库增删改查操作!
    通过上篇文章我们已经对JDBC的基本概念和工作原理都有了一定的了解,本篇文章我们继续来探索如何从零开始,一步步搭建开发环境,编写代码,最后实现数据库的增删改查操作。一、开发环境搭建首先,我们需要准备的开发环境有:Java开发工具包(JDK)、数据库(如MySQL)、数据库驱动(如MySQLConnector......
  • Arrays.asList方法返回对象
    上例子int[]arr={1,2,3};Listlist=Arrays.asList(arr);for(Objectobject:list){System.out.println(object);}可以看到输出的其实是一个对象,并不是1,2,3解决方法Integer[]arr={1,2,3};......
  • windows 操作文件
       Windows操作系统允许用户同时打开同一文本文件的多个实例,主要原因是记事本程序的设计与操作系统的文件访问机制。首先,我们先来看记事本程序的设计。当你在记事本中打开一个文件时,它会将文件的内容读入内存,并在内存中进行编辑。这意味着,实际上你在编辑的不是文件本身,而......
  • 开源免费的对象存储Minio
    简介: Minio是一个基于ApacheLicensev2.0开源协议的对象存储服务。它兼容亚马逊S3云存储服务接口,非常适合存储大容量、非结构化的数据。例如,图片、视频、日志文件、备份数据和容器/虚拟机镜像等,而一个对象文件可以是任意大小的,从几KB到5TB不等。什么是Minio?Mini......
  • 开源对象存储Minio部署篇
    简介: MinIO是一个基于ApacheLicensev2.0开源协议的对象存储服务。它兼容亚马逊S3云存储服务接口,非常适合于存储大容量非结构化的数据,例如图片、视频、日志文件、备份数据和容器/虚拟机镜像等,而一个对象文件可以是任意大小,从几kb到最大5T不等。(摘自minio中文站点https://docs.m......