利用...操作符 修改嵌套比較深的對象裏面的值

eg:

假設存在如下一組數據:


var cc = {
    data: [],
    interfaceResponse: { data: { one: '111',two: '222' } } ,
    one: '111'
}

現在我們需要修改interfaceResponse->data中的one屬性值爲’I am one’;


{
    ...cc,
    ...{
        interfaceResponse: {
            ...cc.interfaceResponse,
            ...{
                data: {
                    ...cc.interfaceResponse.data,
                    ...{
                        one: 'I am one'
                    }
                }
            }
        }
    }
}

如上代碼所示, 我們就能實現修改CC對象中的某個具體的屬性值, 並且不影響其他值的顯示;

注: 這裏主要注意的一點就是, 你需要修改哪一個屬性值, 要先將它所屬的那個對象的值先進行拷貝, 這樣就不會導致影響原本存在的值

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章