js数据拼接html的另类方法

js-data2html.md

var data = [
    {
        id: 1,
        title: '标题1',
        content: '内容1'
    },
    {
        id: 2,
        title: '标题2',
        content: '内容2'
    },
    {
        id: 3,
        title: '标题3',
        content: '内容3'
    }
];

// data->html

var listHtml = data.filter(function (val) {
    return val.id > 1;
}).map(function (val) {
    return [
        '<li>',
            '<h3>' + val.title + '</h3>',
            '<p>' + val.content + '</p>',
        '</li>'            
    ].join('');
}).join('');

var html = [
    '<h2>我是标题</h2>',
    '<ul>',
        listHtml,
    '</ul>'
].join('');

console.log(html);