关于数组内层循环无法赋值问题记录

最新推荐文章于 2022-01-25 13:31:44 发布

原创最新推荐文章于 2022-01-25 13:31:44 发布 · 632 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

3 篇文章

订阅专栏

本文探讨了在处理数据结构时遇到的问题，特别是在JavaScript中如何通过遍历和结构赋值将数组对象的特定值转移到新的字段。示例展示了如何正确地使用`forEach`循环和对象解构来创建新的数据结构，确保数据的完整性和正确性。

      data = [{
        name: '张三',
        teacherVOList: [
          {
            age: 12,
            sex: '男'
            images:"456"
          },
          {
            age: 18,
            sex: '女'
            images:"123"
          }
        ]
      }]
目的是生成以下数据，数据可以多不可以少
      data = [{
        name: '张三',
        teacher: [
          {
            headImage :"456"
          },
          {
            headImage :"123"
          }
        ]
        teacherVOList: [
          {
            age: 12,
            sex: '男'
            images:"456"
          },
          {
            age: 18,
            sex: '女'
            images:"123"
          }
        ]
      }]

当一个数组对象需要在对象中新建一个字段并为该字段添加该数组对象中的部分值进行双层foreach循环获取或打印该值会出错阻断循环不执行，例如

        let courseList = data
        courseList.forEach((element, index) => {
          element.teacher = []
          element.teacherVOList.forEach((item) => {
            teachers.headImage = item.images
            element.teacher.push(teachers)
          })
        })

此时需要对要复制的项进行结构赋值，然后从本身的数据中进行赋值

        courseList = data
        courseList.forEach((element, index) => {
        	//为每一项添加teacher属性
          element.teacher = []
          element.teacherVOList.forEach((item) => {
          	//将数据先结构到teachers中，
          	//不可以直接teachers.headImage=item.images
          	//不可以出现item.images 无论是打印还是赋值都不行，会出错。
            let teachers = { ...item }
            teachers.headImage = teachers.images
            element.teacher.push(teachers)
          })
        })