javascript - 重新格式化映射值并使用扩展语法进行更新

Question

我正在尝试格式化数组中的对象属性。我遇到了一些麻烦，因为以下代码抛出以下错误，但 react native 抛出 TypeError: In this environment the sources for assign MUST be an object.This error is a performance optimization and not spec compliant. <<< path/to/project/node_modules/react-native/packager/src/Resolver/polyfills/polyfills.js

const objArr = [ 
   { event.date: '2016-03-10T00:00:00', event.location: 'NV' },
   { event.date: '2016-03-10T00:00:00', event.location: 'WV' },
   { event.date: '2016-03-10T00:00:00', event.location: 'CA' } 
],

const formatDate = (data) => {
  const formattedDate = moment(data['event.start_date']).format('DD MMM YYYY');

  return { ...data, data['event.start_date']: formattedDate } };
}

const formatDates = (arr) => { return _.map(arr, formatDate) }

let result = _.map(objArr, formatDates);

我如何更改 event.date到格式化数据而不触及对象的其余部分？实际上，我想传递许多变量，并且不认为将每个变量单独分配给新对象是最好的。

我该怎么办？任何帮助/提示表示赞赏!

Answer 1

您似乎使用多个 map 使任务变得过于复杂。

如果你简化问题，你应该能够做到这一点:

const objArr = [ 
  { 'event.date': '2016-03-10T00:00:00', 'event.location': 'NV' },
  { 'event.date': '2016-03-10T00:00:00', 'event.location': 'WV' },
  { 'event.date': '2016-03-10T00:00:00', 'event.location': 'CA' } 
];

const result = objArr.map((event) => ({
  ...event,
  'event.start_date': moment(event['event.start_date']).format('DD MMM YYYY'),
}));

console.log(result);