Json嵌套数据循环答案

【问题标题】：Json nested data LoopJson嵌套数据循环
【发布时间】：2019-04-25 08:00:03
【问题描述】：

我有列表 ob 数组 json 对象，我试图创建循环，但我做不到 opbject 仍然是空的，我试图使用嵌套映射来渲染数据是正确的，请我需要帮助来渲染这个对象，三个子数组或多或少

let d= [
    [
     
      {
         "suit":"♥︎",
         "val":"Q"
      },
      
      {
         "suit":"♠︎",
         "val":"9"
      },
      {
         "suit":"♣︎",
         "val":"6"
      },
      {
         "suit":"♣︎",
         "val":"1"
      },
      {
         "suit":"♠︎",
         "val":"4"
      },
      {
         "suit":"♣︎",
         "val":"2"
      }],
    [
    
      {
         "suit":"♦︎",
         "val":"3"
      },
      {
         "suit":"♥︎",
         "val":"2"
      },
     
      {
         "suit":"♠︎",
         "val":"5"
      }],[
      {
         "suit":"♠︎",
         "val":"2"
      },
      {
         "suit":"♦︎",
         "val":"5"
      },
     
      {
         "suit":"♠︎",
         "val":"3"
      }]];

【问题讨论】：

请贴出您目前尝试过的代码。此外，如果可能，请编辑问题以便更好地理解。

标签： javascript reactjs loops

【解决方案1】：

试试

let d=[[{"suit":"♥︎","val":"Q"},{"suit":"♠︎","val":"9"},{"suit":"♣︎","val":"6"},
  {"suit":"♣︎","val":"1"},{"suit":"♠︎","val":"4"},{"suit":"♣︎","val":"2"}],
  [{"suit":"♦︎","val":"3"},{"suit":"♥︎","val":"2"},{"suit":"♠︎","val":"5"}],
  [{"suit":"♠︎","val":"2"},{"suit":"♦︎","val":"5"},{"suit":"♠︎","val":"3"}]];

let s= d.map(x=>`<p>${x.map(y=>`<span>${y.val+y.suit}</span>`).join('')}</p>`)

document.body.innerHTML+=s.join('')

span { margin-left: 20px;}

【讨论】：