拼接出如下字符串,其中styles数组里的个数不定

<dl class="product"><dt>女装</dt><dd>短款</dd><dd>冬季</dd><dd>春装</dd></dl>

使用字符串添加

var prod = {
  name: '女装',
  styles: ['短款', '冬季', '春装']
};

function getTplStr(data) {
  var html = '<dl class="product">';
  html += '<dt>' + data.name + '</dt>';
  for (var i = 0; i < data.styles.length; i++) {
    html += '<dd>' + data.styles[i] + '</dd>';
  }
  html += '</dl>';
  return html;
}
var result = getTplStr(prod);
console.log(result);

使用数组方法添加

var prod = {
  name: '女装',
  styles: ['短款', '冬季', '春装']
};

function getTpl2(product) {
  var html = [];
  html.push('<dl class="product');
  html.push('<dt>' + product.name + '</dt>');
  for (var i = 0; i < product.styles.length; i++) {
    html.push('<dd>' + product.styles[i] + '</dd>');
  }
  html.push('</bt>');
  return html.join(' ');
}

var result = getTpl2(prod);
console.log(result);

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容