首页 > 其他分享 >数组中每个分成一组展示

数组中每个分成一组展示

时间:2023-11-27 16:57:17浏览次数:26  
标签:index obj key 一组 展示 items let 数组 name

今天公司有这么个需求

需要把 一个数组分成多个 [1,2,3,4,5,6,7,8,9,10] 这种数据 然后分成每4个一组(我觉得没啥问题 但是产品说不好看要我分一下)

     let list = [1,2,3,4,5,6,7,8,9,10]
     let len = list.length
     let newList = []
      if (len) {
        var chunk = 4
        for (var i = 0, j = len; i < j; i += chunk) {
          console.log(i);
          // console.log(j);
          // console.log(i += chunk);
          let items = list.slice(i, i + chunk)
          if (items.length>0) {
            // let obj = {
            //   value0:'',
            //   value1:'',
            //   value2:'',
            //   value3:'',
            // }
                //这里是因为公司有需要不能用1 2 3这种命名
            let obj = {
            boxNumberOne:'',
            boxNumberTwo:'',
            boxNumberThree:'',
            boxNumberFour:'',
            }
               for (let index = 0; index < items.length; index++) {
                  let name = ''

                  if (index==0) {
                    name = 'boxNumberOne'
                  }else if(index==1){
                    name = 'boxNumberTwo'
                  }else if(index==2){
                    name = 'boxNumberThree'
                  }else if(index==3){
                    name = 'boxNumberFour'
                  }
                    // for (const key in obj) { //不能用1 2 3这种命名
                    //     if (key=='value'+index) {
                    //      obj[key] = items[index]
                    //     }
                    // }
                  for (const key in obj) {
                    if (key==name) {
                      obj[key] = items[index]
                    }
                  }
                }
                newList.push(obj)
          }
       }
      }
      console.log(newList);//打印结果

如有问题请指教 单纯学习记录

标签:index,obj,key,一组,展示,items,let,数组,name
From: https://www.cnblogs.com/hxke/p/17859672.html

相关文章

  • 新版3D边界地图|助力美观、清晰的可视化展示
    3D边界地图是一种在可视化领域中广泛应用的技术。通过使用该技术,可以将复杂的地理边界信息以直观而清晰的方式展现出来。这种地图形态逼真,能够模拟真实世界的各种地形,如山脉、河流和湖泊等,使得使用者能够更好地理解和分析地理环境。这种地图可以应用于多个领域。在城市规划中,3D边界......
  • S数组已经有42个方法
    前言数组在js中作为一个非常重要的类型之一,在对数据处理,存储数据,条件渲染的时候经常会用到,所以随着ES的不断更新,数组的方法也是越来越多,也让我们使用数组对数据操作的时候,越来越简单,但是不经意间,数组的方法已经有42个之多,接下来让我们看看有哪些数组方法从出来就你还没用过......
  • 【Cxx 20】使用 std::span 代替数组指针传参
    我们知道std::string_view可以创建std::string的一个视图,视图本身并不拥有实例,它只是保持视图映射的状态。在不修改实例的情况下,使用std::string_view会让字符串处理的性能大幅提升。实际上,对于那些连续的序列对象我们都可以创建这样一份视图,对于std::vector这样的对象可以提高某......
  • 数组小结
    数组的四个基本特点其长度是确定的,数组一旦被创建,它的大小就是不可以改变的,如果越界则报错其元素必须是相同类型,不允许出现混合类型数组中的元素可以是任何数据类型,包括基本类型和引用类型数组变量属于引用类型,数组可以看成是对象,因此数组无论保存原始类型还是其他对象类型,数组对......
  • 二维数组
    多维数组可以看成是数组的数组,比如二维数组就是一个特殊的一维数组,其每一个元素都是一个一维数组语法:inta[][]=newint[4][5];以上二维数组a可以看成一个两行五列的数组publicclassDemo02{publicstaticvoidmain(String[]args){int[][]a={{1,2},{2,3},......
  • 数组的声明和创建
    首先必须声明数组变量,才能在程序中使用数组。下面是声明数组变量的语法:数据类型[]数组名;//首选数据类型数组名[];//效果相同Java语言使用new操作符来创建数组,语法如下:数组名=new之前声明的数据类型[定义数组大小]。数组的元素是通过下标访问的,数组索引从0开始获取字符串或数组......
  • Java learning Day2 常量 变量 运算符 Scanner 方法 数组
    常量:字面值常量(直接写值的常量)+自定义常量变量:long型变量后必须加L;小数字面值常量默认double 若用float需加F;变量强转:小的会自动转成大的float虽然只有4个字节但是比所有整型的取值范围都大    浮点型有精度问题  表达式类型提升:如果表达式当中存在多种数......
  • 调用labview生成的dll文件中包含 labview的2维数组作为输出输出时,如何操作
    以前使用python调用labview生成的dll时,如果直接使用labview本身的二维数组,程序就会自己崩溃,也无法使用,但由于二维本质就是一维,所以用的一维加行列可以解决这个问题,绕开了这个labview二维数组的结构但是最近有研究了一下,发现可以解决这个问题,现在记录如下,首先,从网上找到了一......
  • 二维数组
    packagearray;publicclassArrayDemo05{publicstaticvoidmain(String[]args){int[][]array={{1,2},{2,3},{3,4},{4,5}};//[4][2]/*1,2array[0]2,3array[1]3,4array[2]4,5array[3]......
  • 定义二维数组,冒泡排序法
    //#define_CRT_SECURE_NO_WARNINGS1////#include<stdio.h>//#include<stdlib.h>//#include<string.h>//#include<math.h>//voidbubble_sort(intarr[],intsz)//{// inti=0;// for(i=0;i<sz-1;i++)// {// intj=0......