美文网首页
循环下 深层嵌套的对象赋值

循环下 深层嵌套的对象赋值

作者: 家有饿犬和聋猫 | 来源:发表于2020-04-30 14:51 被阅读0次

let dataObj = {};

        chartData.groupLegend.map(
                    (p, toolTipIndex)=>{
                        let thisOption = {...option};         // 重点
                        let legend = {...thisOption.legend};    // 循环对象深层赋值
                        groupSeriesArr = [];
                        Array.isArray(chartData.groupSeriesData[toolTipIndex]) && chartData.groupSeriesData[toolTipIndex].map((item) => {
                            groupSeriesArr.push(item.data);
                        });
                        legend.data =   chartData.groupLegend[toolTipIndex];
                        thisOption.series = chartData.groupSeriesData[toolTipIndex];
                        thisOption.legend = legend;
                        dataObj[`option${toolTipIndex}`] = thisOption;
    
                    }
                );
        this.setState({
            chartData,
            dataObj
        });

如果不把数据copy出来,直接更改对象值,会失败,循环完之后对象的数据只对最后一次的循环生效

所以先copy出来要更改值的那一层,改完了再合并对象
位置 :海南自贸区-监测预警-监测预警分析-全省-行业风险事件数量变化趋势


image.png

相关文章

  • 循环下 深层嵌套的对象赋值

    如果不把数据copy出来,直接更改对象值,会失败,循环完之后对象的数据只对最后一次的循环生效 所以先copy出来要...

  • javascript Object对象深层嵌套自动赋值

    js中 给一个多层嵌套的object对象赋值需要十分小心, 一不小心就很容易出现undefined错误, 因为给一...

  • 解构赋值

    解构赋值 数组的解构赋值 嵌套,默认值,展开符 对象的解构赋值 对象解构赋值的本质与简写 对象解构的模式与变量 对...

  • ES6 结构赋值

    对象的解构赋值2.1 嵌套结构的对象 注意,这时p是模式,不是变量,因此不会被赋值。如果p也要作为变量赋值,可以写...

  • JavaScript 实现99乘法表

    写出99乘法表就必须涉及到for循环的嵌套咱们先来看看嵌套格式 for循环嵌套格式: 当循环与循环发生嵌套时遵循下...

  • es6学习-解构赋值

    解构赋值可以给默认值 为非同名局部变量赋值 嵌套对象解构 嵌套数组解构 不定元素 与函数参数一样,不定元素必须为最...

  • VUE强制渲染,强制更新

    强制渲染,强制更新 this.$forceUpdate()在深层嵌套的时候for循环的时候,当你修改数据了,页面不...

  • copy --- 浅层 (shallow) 和深层 (deep)

    copy --- 浅层 (shallow) 和深层 (deep) 复制操作 Python 中赋值语句不复制对象,而...

  • 解构赋值

    解构赋值: 分解一个对象的结构 1.数组 2.复杂嵌套 3.对象解构的变量名 4.默认解构赋值 5.省略解构

  • 3.解构赋值

    解构的分类 对象解构 数组解构 混合解构 解构参数 对象解构 解构赋值 嵌套对象解构 数组解构 数组解构 选择性的...

网友评论

      本文标题:循环下 深层嵌套的对象赋值

      本文链接:https://www.haomeiwen.com/subject/dbbzwhtx.html