如何在Reactjs中迭代json对象数组？

这是我从websocket接收的json对象。 有时，我在数据变量中接收一个对象，有时我接收多个对象

{"table":"orderBookL2","action":"update","data":
[{"symbol":"XBTU17","id":28499951430,"side":"Sell","size":97140},
{"symbol":"XBTU17","id":28499951510,"side":"Buy","size":48707},
{"symbol":"XBTU17","id":28499951517,"side":"Buy","size":97414},
{"symbol":"XBTU17","id":28499951910,"side":"Buy","size":243535},
{"symbol":"XBTU17","id":28499952128,"side":"Buy","size":487069}]}

---

在数组上使用.map函数，您将得到如下结果：

<ul>
    obj.arrayProperty.map( (singleObj, index) => 
        <li key={index}>Symbol: {singleObj.symbol} Id: {singleObj.id} Side: {singleObj.side} Size: {singleObj.size}</li>
    )
</ul>

对象数组属性映射（（单个对象，索引）=>
Symbol:{singleObj.Symbol}Id:{singleObj.Id}Side:{singleObj.Side}Size:{singleObj.Size}
)

---

使用数组上的.map函数，您将得到如下结果：

<ul>
    obj.arrayProperty.map( (singleObj, index) => 
        <li key={index}>Symbol: {singleObj.symbol} Id: {singleObj.id} Side: {singleObj.side} Size: {singleObj.size}</li>
    )
</ul>

对象数组属性映射（（单个对象，索引）=>
Symbol:{singleObj.Symbol}Id:{singleObj.Id}Side:{singleObj.Side}Size:{singleObj.Size}
)

---

假设JSON对象位于一个名为“temp”的变量中

然后调用这些将输出：

• 临时表//输出：“orderBookL2”
• 临时操作//输出：“更新”
• temp.data//output:[…]数组

现在，如果您想迭代该数组，只需使用

map（）

函数或使用循环即可：

for (var i=0; i < temp.length; i++) {
    // do something with temp[i]
    // something like temp[i].symbol is valid!
}

---

有很多方法可以使用

.map

函数，我建议使用for loop，这在大多数情况下都非常简单，更容易理解

假设JSON对象位于一个名为“temp”的变量中

然后调用这些将输出：

• 临时表//输出：“orderBookL2”
• 临时操作//输出：“更新”
• temp.data//output:[…]数组

现在，如果您想迭代该数组，只需使用

map（）

函数或使用循环即可：

for (var i=0; i < temp.length; i++) {
    // do something with temp[i]
    // something like temp[i].symbol is valid!
}

有很多方法可以使用

.map

函数，我建议使用for loop，这在大多数情况下都非常简单，更容易理解

可能的重复可能的重复可能的重复可能的重复