拆分数组中的元素并添加换行符,然后加入-Javascript
我正在映射reactjs中的数据。本JSX: {地点.地点.地点.格式化地址} 正在通过此axios数据请求进行映射,特别是我的响应中的此数组:拆分数组中的元素并添加换行符,然后加入-Javascript,javascript,arrays,reactjs,join,split,Javascript,Arrays,Reactjs,Join,Split,我正在映射reactjs中的数据。本JSX: {地点.地点.地点.格式化地址} 正在通过此axios数据请求进行映射,特别是我的响应中的此数组: formattedAddress: Array(5) 0 : "Chester Rd" 1 : "London" 2 : "Greater London" 3 : "NW1 4NR" 4 : "United Kingdom" 因此,当我映射时,它返回数据,在一句话中,所有数据都连接在一起。正是这样: Serpentine RdHyde ParkGre
formattedAddress: Array(5)
0 : "Chester Rd"
1 : "London"
2 : "Greater London"
3 : "NW1 4NR"
4 : "United Kingdom"
因此,当我映射时,它返回数据,在一句话中,所有数据都连接在一起。正是这样:
Serpentine RdHyde ParkGreater LondonW2 2TP
我试图用换行符映射、拆分和连接,但它不起作用。我的地址完全停止显示。我做错了什么
这是我的代码,(我已经切掉了,所以我可以删除地址末尾的国家)
{place.vention.location.formattedAddress.slice(0,4).split(',').join('
')}
类应用程序扩展了React.Component{
render(){
var arr=[“你好”,“那里”,“世界”]
返回(
{arr.map(s=>{s}
)}
)
}
}
ReactDOM.render(,document.getElementById(“app”))
只有字符串具有.split
方法。如果formattedAddress
是一个数组,则formattedAddress.slice(…)
返回另一个数组。放下.split
。太好了,谢谢@FelixKling!这与join
不同,因为join
不会将
附加到元素数组的末尾
{place.venue.location.formattedAddress.slice(0,4).split(',').join('<br />')}