javascript - 我想使用 Object.assign 并以变量作为键

Question

这个问题已经有答案了:

Is it possible to add dynamically named properties to JavaScript object? (22 个回答)

已关闭 5 年前。

我有一个操作“set-style”发送到一个reducer，在该reducer中我更改了一个名为layers的对象数组中按键指定的对象的样式对象。

困难在于 - 'filterName' 用于接收需要更改的属性名称。如果我使用另一个属性名称，它的行为确实正确，但“filterName”变量不能用作键。

export const set_stl = (val,filterName,chosenLayerId,chosenLayerIdx=0,layers) => {
const specLayer = layers[chosenLayerIdx];
const assignedSpecLayer = Object.assign({}, specLayer, {
    stl: {
        ...specLayer.stl,
        filterName: val
    }
});
const newLayers = layers;
    newLayers[chosenLayerIdx] = assignedSpecLayer;
return dispatch => {
    dispatch({
        type: SET_STL,
        payload: newLayers,
    })
}

};

Answer 1

您需要使用[]来使用filterName的值。

stl: {
    ...specLayer.stl,
    [filterName]: val
}