JS 将数组循环赋值对象

最新推荐文章于 2025-01-07 09:15:00 发布

Supernova_gu

最新推荐文章于 2025-01-07 09:15:00 发布

阅读量3.5k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript 前端 typescript

本文链接：https://blog.csdn.net/JankoY/article/details/122320689

JavaScript 专栏收录该内容

32 篇文章

订阅专栏

这篇博客探讨了在JavaScript中如何将数组循环遍历并赋值到对象中，以满足业务上创建多行表格数据的需求。通过使用hash表存储方式，即数组内包含多个对象来表示表格每一行的信息。

背景：
业务需要录入不同的五个表格；
录入时采取hash表存储方式，既一个数组里面由多个对象组成每行的信息
0：[{行信息},{行信息}]

  // 这样有一个问题 最后一次循环会因为u不能等于index 所以不会执行最后一次循环
        let num = 0
        let u = 0
        result.map(e=>{
          e.map(y=>{
            temporaryObj.push(y)
            if(u == index){
              for(let key in keyName[0]){
                // for(let p=0;p < index;p++){
                  keyName[0][key] = temporaryObj[num++]
                // }
              }
              thisList.push(JSON.parse(JSON.stringify(keyName[0])))
              u = 0
              num--
            }else{
              u++
            }
          })
        })
        console.log(thisList)

// 完美解决业务需求
		let num = 0
		// 先获取所有数据 放到一个数组里
        result.map(e=>{
          e.map(y=>{
            temporaryObj.push(y)
          })
        })
       // 再根据有多少行 循环多少次
        for(let u = 0;u < result.length;u++){
        //根据对象数量循环遍历赋值
          for(let key in keyName[0]){
              keyName[0][key] = temporaryObj[num++]
          }
          // 深拷贝 躲避劫持 将每一个对象推送给新数组
          thisList.push(JSON.parse(JSON.stringify(keyName[0])))
        }