时间戳

首页 > 解决方案 > 分隔数组内的元素

javascript - 分隔数组内的元素

问题描述

我有 react 属性作为数组，我想用-. 我尝试使用 .split('-') 但没有用。

<Application
  property={['name', 'lastName']}
/>

所以，名字和姓氏应该是：名字 - 姓氏

内部应用：

return (
                  <div key={`propName-${value}`}>
                    <span>{value}</span>
                    {' '} // the space is for: Name (space) LastName (space)
                  </div>
                )

标签： javascriptreactjs

解决方案

更新：

既然我们需要['name', '-', 'lastName']，我们可以简单地使用Array.prototype.splice()添加它

该splice()方法通过删除或替换现有元素和/或在适当位置添加新元素来更改数组的内容。

const data = ['name', 'lastName'];
data.splice(1, 0, '-')
console.log(data);  // ["name", "-", "lastName"]

使用Array.prototype.join()

该join()方法通过连接数组（或类似数组的对象）中的所有元素创建并返回一个新字符串，由逗号或指定的分隔符字符串分隔。

<Application
  property={['name', 'lastName'].join('-')}
/>

推荐阅读