javascript - 将值的 react 对象添加到对象数组

标签 javascript arrays reactjs sorting object

我有一个对象,我试图将其分配给数组的不同元素。

我试过使用 .map() 和 objectKeys()/objectValues(),但我还是想不通。

变量

const parameters = [{key: "0", label: "Turbidity", parameter: "turbidity", unit: "NTU"}, {key: "1", label: "Total Hardness", parameter: "totalHardness", unit: "as CaCO3"}, {key: "2", label: "Total Phosphorus", parameter: "totalPhosphorus", unit: "mg/L"}, {key: "3", label: "Total Nitrogen", parameter: "totalNitrogen", unit: "mg/L"} ];

const parameterValues = {turbidity: 2.1, totalHardness: 254}

我希望能够将 parameterValues 添加到参数中作为值项添加到与数组中的元素具有相同参数(标签)的元素中。

预期结果

const updatedParameters = [{key: "0", label: "Turbidity", parameter: "turbidity", unit: "NTU", value: "2.1"}, {key: "1", label: "Total Hardness", parameter: "totalHardness", unit: "as CaCO3", value: "254"}, , {key: "2", label: "Total Phosphorus", parameter: "totalPhosphorus", unit: "mg/L"}, {key: "3", label: "Total Nitrogen", parameter: "totalNitrogen", unit: "mg/L"}];

非常感谢任何帮助!谢谢

最佳答案

 const updatedParameters = parameters.map(it => ({ ...it, value: parameterValues[it.parameter] }));

使用参数在参数列表中查找值。

关于javascript - 将值的 react 对象添加到对象数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58128157/

相关文章:

javascript - 阻止将 _sync 文档保存到 couchbase 服务器

java - 使用 Streams 对数组进行并行排序

javascript - 将 ndarray 转换为数组的数组

javascript - Recharts 不在 LineBarAreaComposedChart React 上显示负值

ReactJS渲染类名中的javascript嵌套函数调用

reactjs - 为什么要在 React (Native) 中使用 `extend` 组件?

javascript - 当我使用 Javascript 添加新的 CSS 样式时,那里的 JS 停止工作

javascript - 获取委托(delegate)选择器的索引

javascript - 如何使用 JavaScript 排序对树 JSON 对象进行双重排序?

javascript - 在循环数组时使用 jQuery .get() 前置的元素在页面刷新时以不同的顺序加载