重命名ES6中对象属性的最佳方法

卢卡斯

我仍在学习js,需要建议。我从后端获取json对象,但是键带有下划线。什么是将键重命名的最佳实践,例如将folder_name重命名为Folder name?属性列表是已知的并已完成,因此我可以将新名称保留为常量。在前端,我已经这样使用它:

const showPropertiesList = properties => Object.keys(properties).map(property => (
  <PropertyKey key={property}}>
    `${property}: ${properties[property]}`
  </PropertyKey>
));

最好在此映射中使用重命名函数或创建单独的函数,然后再获取具有值的所有重命名键?

json文件:

properties {
  folder_name: 'test',
  user_email: '[email protected]',
  user_agreed: 1,
  site: 'example.com',
}
基里尔·西蒙诺夫(Kirill Simonov)

您可以创建某种mapping对象,然后使用Object.keysreduce函数的以下组合

let properties = {
  folder_name: "test",
  user_email: "[email protected]",
  user_agreed: 1,
  site: "example.com"
};

let mapping = {
  folder_name: "Folder name",
  user_email: "User email",
  user_agreed: "User agreed",
  site: "Site"
};

let mapped = Object.keys(properties).reduce((acc, key) => {
  acc[mapping[key]] = properties[key];
  return acc;
}, {});

console.log(mapped);

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章