使用ES6 lodash从API的映射对象键

Question

我正在使用VUE 3将帖子数据发送到我的API。对象看起来像

const externalResults: ref(null)

const resource = ref({
  id: null,
  name: null,
  state: {}
})

在将数据发送到API之前，我要解析Resource对象，以避免发送与state> State属性相关的嵌套对象。 已发送的有效载荷看起来像

{
  id: 1,
  name: 'Lorem ipsum',
  state_id: 14
}

API在缺少/错误的数据时返回422

{
  "message":"Some fields are wrong.",
  "details":{
    "state_id":[
       "The state_id field is mandatory."
    ]
  }
}

因此， 代码>来自键？

由于我使用的是Vuelate，因此我必须将返回的错误详细信息映射到模型属性名称。现在，我正在这样做以获取详细信息后，

externalResults.value = e.response.data.details

我可能需要像1行解决方案一样

externalResults.value = e.response.data.details.map(item => { // Something here... })

但是无论它使用ES6还是Lodash， 。 请注意，state_id只是一个示例，将有许多属性以_id结尾，我需要删除。

预期的结果是

externalResults: {
  "state":[
       "The state_id field is mandatory."
  ]
}

Answer 1

我不知道您允许您的单线工作多长时间，但这是我在ecmascript中提出的，使用object.entries（） and object.fromentries（）< /代码>拆卸并重新组装对象：

const data = {
  id: 1,
  name: 'Lorem ipsum',
  state_id: 14
};

const fn = (x) => Object.fromEntries(Object.entries(x).map(([k, v]) => [k.endsWith('_id') ? k.slice(0, -3) : k, v]));

console.log(fn(data));

您可以通过将replace（）用正则缩短一点：

const data = {
  id: 1,
  name: 'Lorem ipsum',
  state_id: 14
};

const fn = (x) => Object.fromEntries(Object.entries(x).map(([k, v]) => [k.replace(/_id$/, ''), v]));

console.log(fn(data));

---

如果使用lodash，则可以使用 mapkeys（） >功能：

const data = {
  id: 1,
  name: 'Lorem ipsum',
  state_id: 14
};

const fn = (x) => _.mapKeys(x, (v, k) => k.replace(/_id$/, ''));

console.log(fn(data));

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js"></script>