小编Jus*_*tMe的帖子

0
推荐指数
1
解决办法
68
查看次数

为什么使用.map()来尝试构建一个不起作用的html表?

我想通过将JSON传递给.map()然后将其作为子项附加到主表来生成表.正如您将在下面看到的,当您运行代码时,它会将我的连接和字符串附加到表中.它不会创建实际的行和单元格.感谢您的任何帮助,您可以提供.

var data = {
  'results': [
    {
      'firstName': 'John',
      'lastName': 'Doe',
      'email': 'jdoe@mail.com'
    },
    {
      'firstName': 'Luke',
      'lastName': 'Doe',
      'email': 'loe@mail.com'
    },
    {
      'firstName': 'Sarah',
      'lastName': 'Doe',
      'email': 'sdoe@mail.com'
    },
    {
      'firstName': 'July',
      'lastName': 'Doe',
      'email': 'julydoe@mail.com'
    },
    {
      'firstName': 'Jane',
      'lastName': 'Doe',
      'email': 'janedoe@mail.com'
    }    
  ]
}

var generateHtml = data.results.map(function(item) {
  return '<tr><td>' + item.firstName + '</td></tr>';
})

document.getElementById('example').append(generateHtml);

<table id="example" border="2"></table>
Run Code Online (Sandbox Code Playgroud)

javascript json ecmascript-6

0
推荐指数
1
解决办法
57
查看次数

标签 统计

javascript ×2

ecmascript-6 ×1

json ×1