javascript - 将数组值映射到对象键值

Question

我有一个像这样的对象:

myObj = {
    prop1: 'prop1_value',
    prop2: 'prop2_value',
    subObj: {
        subProp1: 'subProp1_value',
        subProp2: 'subProp2_value',
        subProp3: 'subProp3_value',
        subprop4: 'subProp4_value',
    },
};

和一个像这样的数组:

myArr = [
    'arrayVal_1',
    'arrayVal_2',
    'arrayVal_3',
    'arrayVal_4',
];

就上下文而言，subObj 和 myArr 始终具有相同的长度。

我想做的是将 myArr 中的每个值映射到 subObj 的值。

完成后 myObj 看起来像这样:

myObj = {
    prop1: 'prop1_value',
    prop2: 'prop2_value',
    subObj: {
        subProp1: 'arrayVal_1',
        subProp2: 'arrayVal_2',
        subProp3: 'arrayVal_3',
        subprop4: 'arrayVal_4',
    },
};

我可以手动为每个键单独分配值，但这看起来很草率。我尝试过在 myObj 上使用 Object.keys、Object.entries 和 Object.values 进行循环，但似乎无法通过这个进行推理。谢谢。

Answer 1

使用Object#keys和 Array#forEach :

const 
  myObj = {
    prop1: 'prop1_value',
    prop2: 'prop2_value',
    subObj: { subProp1: 'subProp1_value', subProp2: 'subProp2_value', subProp3: 'subProp3_value', subprop4: 'subProp4_value' }
  },
  myArr = [ 'arrayVal_1', 'arrayVal_2', 'arrayVal_3', 'arrayVal_4' ];
  
const { subObj } = myObj;
Object.keys(subObj).forEach((prop, index) => { subObj[prop] = myArr[index] });

console.log(myObj);