如何在es6中格式化数组数据答案

【问题标题】：How to format array data in es6如何在es6中格式化数组数据
【发布时间】：2018-09-24 05:19:10
【问题描述】：

如何格式化插入数据库的数组值？

当我尝试在视图中显示值时，

我提交的代码

onSubmit(values) {
    const { mutate, createArea, center } = this.props;
    const data = {
      name: values.name,
      address: values.address,
      days_of_availability: String(values.days_of_availability),
      time_schedule: values.time_schedule.toString(),
      notes: values.notes,
      partnership: values.partnership,
      promotional_ads: values.promotional_ads,
      date_period: values.date_period,
      days: values.days.join(" - "),
      start_time: values.start_time,
      end_time: values.end_time,
      lat: values.lat,
      long: values.long,
      //lat: center.lat.toString(),
      //long: center.lng.toString(),
    }
    createArea(mutate, data)
  }

从我的表格中

class AreaForm extends Component {
  constructor(props) {
    super(props);
    this.state = {
      daysAvailability: false,
      timeSched: false,
      data: {},
      days: [
        { name: 'Monday' },
        { name: 'Tuesday' },
        { name: 'Wednesday' },
        { name: 'Thursday' },
        { name: 'Friday' },
        { name: 'Saturday' },
        { name: 'Sunday'}
      ],
    }

    this.onToggleDays = this.onToggleDays.bind(this);
    this.onToggleSched = this.onToggleSched.bind(this);
  }

我如何能够插入类似于上面屏幕截图中带下划线的值的值。我尝试了 .join(" - ") 但第二个屏幕截图显示了输出，它仍然显示 [" 和 "] 它正在显示。

【问题讨论】：

你真的能提供预期的结果吗？你的问题很分散。例如：Monday - Tuesday - Wednesday 或 'Monday' - 'Tuesday' - 'Wednesday'
另外我假设您在谈论days: values.days.join(" - "), 行
你如何渲染days？
@TomRowe 喜欢这个星期一 - 星期二 - 星期三
好的，console.log(typeof marker.days, marker.days) 的输出是什么？

标签： reactjs ecmascript-6

【解决方案1】：

您从 db 得到的响应是 string 而不是 array 所以 join 方法没有用。

如果您只需要从作为响应的字符串中删除 [" 和 "]，请使用以下命令：

formattedString = marker.days.substr(2) //removes first 2 characters from the string

现在通过删除最后 2 个字符也使用切片方法来分配字符串

days: formattedString.slice(0,-2) //slices last 2 characters from the string

你也可以同时做这两个：

days: marker.days.slice(2,-2)

【讨论】：