Javascript 将数组数据转换为字符串-js

我有一个数组，里面有几个对象。要显示数组的结构，它是这样的

我想使用这个数组的数据创建一个字符串。我需要创建一个如下所示的字符串。 我的数据以

this.state.destinationLocation

7.9511758,80.7426426|6.9566662,80.7608237|6.3872411,80.4952031|.....

---

我怎样才能得到这个结果呢？

好吧，您可以迭代这些条目并将其追加到字符串中

下面是您需要执行的操作的伪代码

set string to empty
for each entry in array
    append lat, comma, lng, pipe
repeat

---

然后您将拥有包含所需内容的

字符串
变量。
您可以使用
reduce

const stringData = data.reduce((result, item) => {
  return `${result}${item.lat},${item.lon}|`
}, "")

console.log(stringData)

我认为
Array.reduce
方法是可行的


const数组=[{lat:“1”，lon:“2”}，{lat:“3”，lon:“4”}]
const reducedArray=array.reduce（（acc，curr）=>`acc}${curr.lat}，${curr.lon}|`，）
console.log（reduceArray）
我们可以这样做：


类Hello扩展了React.Component{
构造函数（）{
超级（）；
此.state={
数据：[
{lat:“3.23434234”，lon:“233.46353252”}，
{lat:“3.23434234”，lon:“233.46353252”}，
{lat:“3.23434234”，lon:“233.46353252”}，
{lat:“3.23434234”，lon:“233.46353252”}，
{lat:“3.23434234”，lon:“233.46353252”}
]
};
}
render（）{
设{data}=this.state；
返回(
{data.map（数据=>{
返回`${data.lat}，${data.lon}|`；
})}
);
}
}
ReactDOM.render(
,
document.getElementById（“react”）
);
这是我的建议：

const myString = myArray.reduce((accumulator, item) =>
accumulator ? `${accumulator}|${item.lat},${item.lon}` : `${item.lat},${item.lon}`, null);

最简单的方法是使用和：

另请参见和。
您试过什么吗？此外，以文本形式提供志愿者样本数据也很好，这样他们就不必从图片中转录数据……这应该是错误最少、最可靠的解决方案。放弃投票！我甚至比
reduce（）
方法更喜欢这个解决方案，因为它更具声明性，同时更简单/需要更少的代码。
const myString = myArray.reduce((accumulator, item) =>
accumulator ? `${accumulator}|${item.lat},${item.lon}` : `${item.lat},${item.lon}`, null);

yourArray.map(({lat, lon}) => `${lat},${lon}`).join('|');