js循环修改对象内层元素的值

Posted 2021-01-20 zhcgis

问题：存在一个对象，该对象的内部元素也为对象，子对象的元素也为对象，...（即多层对象构成的对象，具体如下），那么应该如何修改最内层元素的值（如 obj.a.a.a = 5）？

var obj = {
    a: {
        a:{
            a: 1
        }
    },
    b: {
        b:{
            b: 2
        }
    }
}

所要了解的JS基础：

1. 将对象赋值给一个变量，只是将对象的地址传给变量，并非是复制。

2. 将变量赋值给一个变量，值的传递是复制，而非地址传递。

解决方法：

1. 弄清要修改值为对象内部第几层（这里假设为 N ）的元素，如 obj.a.a.a 为 obj 对象第三层元素。

2. 设一个变量 tmp，利用循环进入到对象的第 N-1 层（这里为2），将第 N-1 层相应的对象赋值给 tmp。

var tmp = obj;
for(var i = 0;i < N-1;i++){
    tmp = tmp.a;
}

3. 修改变量 tmp 下对应的要修改的元素的值，则完成元素值的修改。

tmp.a = 5;

 

注意： 第二步切勿通过循环将 tmp 直接赋值为 obj.a.a.a，然后第三部直接 让 tmp = 5，因为这样属于变量的赋值，而非对象的赋值，其结果将只对tmp赋值，而obj对应元素的值不会变。