循环forEach坑，复杂数据类型处理，一人血书，求解决的方法！！！！！！

最新推荐文章于 2024-12-30 08:59:09 发布

原创最新推荐文章于 2024-12-30 08:59:09 发布 · 220 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js对象赋值 #javascript

一人血书，求解决的方法！！！！！！

背景
现在就是color颜色再打印出来的结构所有的对象头赋值最后一个数值了，原因估计是运行循环的时候item.itemStyle.color已经是三级层级了，循环的时候没有封闭暂时性区域，导致最后循环出来的效果color都变一一样的值了，这个方法怎么解决！！！！！求解

        let styleL={
            stack: "",
            symbol: 'circle',//折线点设置为实心点
            symbolSize: 12,   //折线点的大小
            smooth: true,
            itemStyle: {
                color: '',
                shadowColor: '',
                shadowBlur: 9.5,
            },
            lineStyle: {
                width: 4,
                shadowColor: "",
                shadowOffsetX: 0,
                shadowOffsetY: 0,
                opacity: 1,
                shadowBlur: 8,
                type: "solid"
            },
            type: "line"
        }
        let color=[
            {
                colorO:'#95CACA',
                colorT:'#5CADAD',
            },
            {
                colorO:'#FFEBCD',
                colorT:'#FFE4B5',
            },
            {
                colorO:'#53868B',
                colorT:'#00E5EE',
            },
            {
                colorO:'#6A5ACD',
                colorT:'#7B68EE',
            },
            {
                colorO:'#AFEEEE',
                colorT:'#40E0D0',
            },
            {
                colorO:'#FF00FF',
                colorT:'#DA70D6',
            },
        ]
        let arr=[
        {data: [40,60,20,70,60,70,10,],
        name: "幸福路",
        },
        {data: [20,30,20,70,60,100,30,],
        name: "职教",
        },
        {data: [50,10,53,56,10,110,60,],
        name: "绿湾"},
        {data: [80,19,43,66,18,30,65,],
        name: "西区"},
        {data: [53,30,83,58,18,80,63,],
        name: "北区"},
      ]
      newArr=[];
      arr.forEach((item,index,arr)=>{
          for(let key in styleL){
            item[key]=styleL[key]
          }
          item.itemStyle.color=color[index].colorO
          item.itemStyle.shadowColor=color[index].colorT
          item.lineStyle.shadowColor=color[index].colorO
          console.log(item,'--',index,'---------forEach')
      })
      console.log(arr,'------处理后结果')

结果：
运行结果