拼接字符串使用es6的方法拼接

在渲染数据列表时，需要显示不同的数据，首先循环遍历，使用es5是比较麻烦的，用es6拼接字符串比较方便，还能在字符串里面可以进行判断

实例

    for (var i = 0; i < infofile.length; i++) {
            docHtml += `<li>
                          <div class="fileinfo">
                            <i></i>
                              ${ (function(){
                                  if(infofile[i].data == "111111" ){
                                    return `<span >${infofile[i].name}</span>`
                                  }else{
                                    return `<span >${infofile[i].name}</span>`
                                  } 
                                })()
                              }
                          </div>
                          <div class="uploadicon">
                            <span title='查看'></span>
                            <span title='删除' </span>
                            <span title='下载'</span>
                          </div>
                        </li>`
          }
        jQuery('ul').html(docHtml)
  }

   最主要的还是这句
  ${ (function(){
        if(infofile[i].data == "111111" ){
          return `<span >${infofile[i].name}</span>`
        }else{
          return `<span >${infofile[i].name}</span>`
        } 
      })()
  }
必须用 ${} 给括起来

完了

最后

以上就是无私斑马为你收集整理的拼接字符串使用es6的方法拼接的全部内容，希望文章能够帮你解决拼接字符串使用es6的方法拼接所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。