如何将新值推送到值匹配的现有数组中？

Question

我有一个数组，每当输入字段发生变化时，我想在该数组中找到匹配的值（该输入字段带有 test_id 值和输入值）。

下面是现有的数组：

[{ result: null, test_id: 1 }, { result: null, test_id: 2 }]

以下是输入发生变化时的结果：

[1, 45]

从结果来看，第一个是test_id，第二个是result的值。

输入的预期结果变化：

[{ result: 45, test_id: 1 }, { result: null, test_id: 2 }]

existing里面的值会随着它的test_id而改变

这是我的代码

<q-input
  v-model="form.test_input[test.test_id]"
  @change="onChangeResult([test, form.test_input[test.test_id]])"
/>


onChangeResult (data) {
  const a = this.form.test_results
  a.map(function (test) {
    test.data = data.filter(function (a) {
      return data[0].test_id === test.test_id
    })
  })
}

Answer 1

您可以映射结果并替换匹配的一项。 map() 不会改变原始数组，因此您需要将其分配给一个值。如果我们在原始变量上使用let，我们可以通过这个函数更新它。要分配它，我使用{...spread}

let a = [{ result: 45, test_id: 1 }, { result: null, test_id: 2 }]; // this.form.test_results 
const onChange = (data) => {
  a = a.map(test => test.test_id == data[0].test_id ? { ...data[0], result: data[1] } : test);
  console.log(a)
}

onChange([{test_id: 2}, 10])
onChange([{test_id: 1}, 12])