如何将对象数组映射转换为指定结构的dateLable变量数组

嘿，这个需求很清晰，我给你提供几种简洁的实现方式，你可以根据实际业务场景来选：

方法一：直接利用现有字段拼接（最可靠） #

既然原数组里已经明确有startDate和endDate字段，直接把它们拼接成id是最稳妥的方式——不需要解析字符串，能避免label格式变动带来的问题：

// 假设你的原始数组名为 originalArray
this.dateLabel = originalArray.map(item => ({
  id: `${item.startDate} - ${item.endDate}`,
  label: item.label
}));

方法二：从label字段提取日期段 #

如果你的业务逻辑要求必须从label里提取日期部分（比如担心startDate/endDate和label的日期不一致），可以用正则表达式匹配括号前的内容：

this.dateLabel = originalArray.map(item => {
  // 匹配括号前的日期文本，去除前后多余空格
  const idMatch = item.label.match(/^(.*?)\s*\(/);
  // 增加容错处理，避免匹配失败报错
  const id = idMatch ? idMatch[1].trim() : '';
  return {
    id,
    label: item.label
  };
});

备选：用forEach遍历（适合习惯命令式编程的场景） #

如果你更习惯用forEach来遍历处理，也可以这么写：

this.dateLabel = [];
originalArray.forEach(item => {
  this.dateLabel.push({
    id: `${item.startDate} - ${item.endDate}`,
    label: item.label
  });
});

这几种方式都能得到你想要的dateLabel数组，个人更推荐第一种，因为它依赖明确的字段，逻辑清晰且不容易出错～

内容的提问来源于stack exchange，提问作者arunkumar