Javascript 如何使用ES6对象排列来更新阵列内的对象？

我得到了来自响应的以下对象数组：

const baseInput = [{
    PaymentRequirementsDetail:
    { dateDue: '12/02/2019',
        outstandingMinimum: { Money: { amount: '5.20', code: 'GBP' } },
        overlimit: { Money: { amount: '345.20', code: 'GBP' } },
        arrears: { Money: { amount: '345.20', code: 'GBP' } } }
},
{ Account: {},
    AccountId: '00000012345',
    CardBrand: 'SOMEBRAND',
    isAccountElibible: false,
    Customer:
    { salutation: 'Mr',
        givenName: 'James',
        familyName: 'Jamesy',
        suffix: 'Dr' },
    Delinquency: { monthsInArrears: 0, isOverlimit: true } }]

然后我用一系列函数转换响应，并返回上面的一个友好的格式化版本

const baseOutput = transform(baseInput);

这将返回：

   {    name: 'Mr James Jamesy, Dr',
        cardBrand: 'SOMEBRAND',
        isAccountElibible: false,
        delinquency: { monthsInArrears: 0, isOverlimit: true },
        dateDue: '12/02/2019',
        outstandingMinimumAmount: 'GBP, 5.20',
        overlimitAmount: 'GBP, 345.20',
        arrearsAmount: 'GBP, 345.20' }

我现在想测试一下，并生成一些快照

我可以将上面的代码复制/粘贴到我的测试用例中，并在执行断言时更改值，这很好。像这样,

    test('should omit suffix if it is undefined', () => {
    const input = [{
        PaymentRequirementsDetail:
        { dateDue: '12/02/2019',
            outstandingMinimum: { Money: { amount: '5.20', code: 'GBP' } },
            overlimit: { Money: { amount: '345.20', code: 'GBP' } },
            arrears: { Money: { amount: '345.20', code: 'GBP' } } }
    },
    { Account: {},
        AccountId: '00000012345',
        CardBrand: 'SOMEBRAND',
        isAccountElibible: true,
        Customer:
        { salutation: 'Mr',
            givenName: 'James',
            familyName: 'Jamesy' },
        Delinquency: { monthsInArrears: 0, isOverlimit: true } }];

    const output = transform(input);

    expect(baseOutput).toMatchDiffSnapshot(output);
});

这将生成我的快照，因为我需要它，我将能够看到有后缀的版本和没有后缀的版本之间的差异

但是，我相信有一种更干净的方法可以使用对象扩展操作符来实现这一点。除了上面所有的代码，我应该留下

 const input = [{
        ...baseInput,
        Customer:
        { salutation: 'Mr',
        givenName: 'James',
        familyName: 'Jamesy'
        }
    }];

---

然而，我无法以某种方式使用排列运算符，以实现这一点。有人能看出我的错误在哪里吗

您的

baseInput

是一个包含两项的数组。spread操作符对数组或对象起作用，您在这里所做的是将数组扩展到目标对象中

如果您的模型没有更改，您可以简单地将索引对象分散到目标中，如下所示：

const input = [{
    ...baseInput[0]
  },{
        ...baseInput[1],
        Customer:
        { salutation: 'Mr',
        givenName: 'James',
        familyName: 'Jamesy'
        }
    }];

---

你试过这个吗

const input=[…baseInput]

然后运行.map函数并匹配要在其中输入customer数据对象的对象键。因为customer位于数组的第二个对象内，所以必须用第二个对象包装它才能工作