【问题标题】:Dynamically generate comma with JavaScript用 JavaScript 动态生成逗号
【发布时间】:2020-02-26 18:54:28
【问题描述】:

我正在尝试在迭代的项目列表之间动态生成逗号。这有点棘手,因为如果{floor.fields.spacesText} 中有一个项目,我想显示逗号,但如果没有,我什么都不显示。有没有一种优雅的方式来使用 JavaScript 做到这一点?

const spacesText = (
  <React.Fragment>
    {typy(floor, 'fields.spacesLinks').safeArray.map(link => {
      const linkPath = link.fields.url || link.fields.slug
      const comma = ', '
      return <React.Fragment><Link to={`${linkPath}`}>{link.fields.title}</Link>{comma}</React.Fragment>
    })}
    {floor.fields.spacesText}
  </React.Fragment>
)

【问题讨论】:

  • 根据你的情况分配给comma
  • 抱歉,新手,我不知道该怎么做。
  • 你知道如何使用if 语句吗?
  • 是的,但我不知道如何识别条件或键入正确的语法。我想做的是: if (floor.fields.spaceText) 为空,然后 '', else ', ' 但我不知道如何将该逻辑合并到 return 语句中。
  • 不要放在return语句里面。使用let comma = ', '; if (floor.fields.spaceText == '') comma = '';

标签: javascript arrays iteration comma


【解决方案1】:

这是一个三元语句的好用例:

const comma = floor.fields.spaceText ? ', ' : '';

【讨论】:

    猜你喜欢
    • 2013-10-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-06-04
    • 2023-04-01
    相关资源
    最近更新 更多