将数组数据转换为字符串-reactjs

Question

我有一个包含多个对象的数组。为了向您展示数组的结构，就像这样

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|.....

我如何获得此结果？

Answer 1

您可以使用reduce

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

console.log(stringData)

Answer 2

这是我的建议：

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

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce

Answer 3

好吧，您可以遍历所有条目并附加到字符串中。

这是您需要做的伪代码

set string to empty
for each entry in array
    append lat, comma, lng, pipe
repeat
然后，您将拥有包含所需内容的string变量。

Answer 4

我们可以做这样的事情：

Answer 5

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