Javascript字符串拼接小技巧(推荐)

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Javascript字符串拼接小技巧(推荐)，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1220字，纯文字阅读大概需要2分钟。

内容图文

在Javascript中经常会遇到字符串的问题，但是如果要拼接的字符串过长就比较麻烦了。

如果是在一行的，可读性差不说，如果要换行的，会直接报错。

在此介绍几种Javascript拼接字符串的技巧.

字符串相加(+)

var items = '<li class="details">' + 
      '<span>Hello world</span>' + 
      '</li>'; 

利用反斜线拼接字符串

var items = '<li class="details">' \ 
      '<span>Hello world</span>' \ 
      '</li>'; 

利用数组拼接字符串

利用数组的join方法，把数组转成字符串.

var empList = ['<li class="details">', '<span>Hello world</span>','</li>'].join(""); 

在数组的基础上可以封装一个StringBuffer的方法来完成字符串的拼接。

function StringBuffer(){ 
  this.buffer = []; 
} 
StringBuffer.prototype = { 
  constructor: StringBuffer, 
  append: function(str){ 
    this.buffer.push(str); 
    return this; 
  }, 
  toString: function(){ 
    return this.buffer.join(''); 
  } 
}; 

ES6模板字符串

ES6中引入了一种新型的字面量语法，称为模板字符串。

用反撇号`来代替原来的单引号或双引号.

$('.warning').html(` 
  <h1>Working!</h1> 
  <p>迷糊餐厅</p> 
  <p>区区一只亚麻太</p> 
`); 

字符串中的换行、缩进、空格都会原样输出到新生成的字符串中。

如果想要了解字符串拼接的性能问题，推荐去看Nicholas C.Zakas的《高性能Javascript》一书

以上这篇Javascript字符串拼接小技巧(推荐)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

内容总结

以上是互联网集市为您收集整理的Javascript字符串拼接小技巧(推荐)全部内容，希望文章能够帮你解决Javascript字符串拼接小技巧(推荐)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端