javascript - 将数组数据转换为字符串 - reactjs
问题描述
我有一个数组,里面有几个对象。为了向您展示数组的结构,它是这样的
0: {lat: "7.9511758", lon: "80.7426426"}
1: {lat: "6.9566662", lon: "80.7608237"}
2: {lat: "6.3872411", lon: "80.4952031"}
3: {lat: "5.9435367", lon: "80.4543506"}
4: {lat: "6.4543259", lon: "81.5608547"}
5: {lat: "7.8554038", lon: "80.6491562"}
6: {lat: "6.8556687", lon: "81.0505434"}
7: {lat: "7.293609", lon: "80.6391363"}
8: {lat: "6.802641", lon: "80.7899271"}
9: {lat: "8.3351457", lon: "80.3332731"}
10: {lat: "6.0237174", lon: "80.2153073"}
11: {lat: "7.9341074", lon: "80.943138"}
12: {lat: "7.9317005", lon: "81.5589219"}
13: {lat: "6.8377508", lon: "81.8086608"}
我想使用这个数组的数据创建一个字符串。我需要创建一个看起来像这样的字符串。我的数据存储在以下状态this.state.destinationLocation
7.9511758,80.7426426|6.9566662,80.7608237|6.3872411,80.4952031|.....
我怎样才能达到这个结果?
解决方案
您可以使用reduce
const stringData = data.reduce((result, item) => {
return `${result}${item.lat},${item.lon}|`
}, "")
console.log(stringData)
推荐阅读
- javascript - 搜索大量对象
- asp.net - 在我填写所有字段之前,按钮取消不起作用(asp.net)
- excel - Excel,在运行宏时使用 Visual Basic
- android - 扩展 Appcompatactivity 后缺少 Android ActionBar
- amazon-ec2 - 在 EC2 上运行的 kafka 需要公共 IP 地址
- c# - 使用 JSON.Net 反序列化包含字典的字节数组
- javascript - JavaScript 输出在 Python 之前出现在 execute_js 中
- c# - 打开存储在 Azure Blob 存储中的 pdf 文件(使用字节)
- android - AdMob 原生广告延迟
- python - 我的 NN 模型的权重没有太大变化的原因是什么?