如何使用换行符替换使用逗号的array.join答案

【问题标题】：How to replace array.join using a comma with using a line break如何使用换行符替换使用逗号的array.join
【发布时间】：2019-10-24 13:30:33
【问题描述】：

我正在使用剩余参数...收集数组中的所有键。

为了映射想要的键，您可以连接所有想要的属性值。使用

function getValues(array, ...keys) {
  return array.map(object => keys.map(key => object[key]).join(', '));
}

var jobs = [{
  startDate: "5/2017",
  endDate: null,
  isCurrent: true,
  seniority: "Senior"
}, {
  startDate: "5/2013",
  endDate: "5/2019",
  isCurrent: false,
  seniority: "Junior"
}];

但是，我想在每次迭代后添加一个换行符

其他信息 我在 react 和 material-ui 组件中调用该函数，如下所示

{getValues(jobs, 'seniority', 'startDate')?
   <TableCell>
      {getValues(jobs, 'seniority', 'startDate')}
    </TableCell> :
   <TableCell style={{backgroundColor:'#FFC7CE',color:'#9C0006'}}>
     [MISSING] 
   </TableCell> 
}

但是数据被合并了

【问题讨论】：

而不是，将其更改为 \n。你试过吗？

标签： javascript arrays reactjs object ecmascript-6

【解决方案1】：

然后将分隔符从逗号, 更改为换行符\n。然后遍历数组并记录每一行。

function getValues(array, ...keys) {
  return array.map(object => keys.map(key => object[key]).join('\n'));
}

var jobs = [{
  startDate: "5/2017",
  endDate: null,
  isCurrent: true,
  seniority: "Senior"
}, {
  startDate: "5/2013",
  endDate: "5/2019",
  isCurrent: false,
  seniority: "Junior"
}];

getValues(jobs, 'seniority', 'startDate').forEach(e => console.log(e));

【讨论】：