浅谈JavaScript字符串拼接

DreamSeeker 2021-09-05 原文

本文给大家汇总介绍了几种javascript中字符串拼接的方法，十分的简单实用，有需要的小伙伴可以参考下。

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

如果在一行的话，可读性太差；如果换行的话，会直接报错。

现在就来介绍几个JavaScript拼接字符串的几个小技巧(主要针对字符串过长的情况)。

1. 字符串相加(+)

1

2

3

var empList = \' <li data-view-section="details">\'+

      \'<span>Hello world</span>\'+

     \'</li>\';

2.利用反斜杠拼接字符串

1

2

3

var empList = \' <li data-view-section="details">\

      <span>Hello world</span>\

    </li>\';

3. 利用数组拼接字符串

复制代码代码如下:

var empList = [\'<li data-view-section=”details”>\’, \'<span>Hello world</span>\’,\'</li>\’].join(“”);

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

function StringBuffer(){

  this.buffer = [];
}
//将新添加的字符串添加到数组中

StringBuffer.prototype.append = function(str){

  this.buffer.push(str);

  return this;
};
//转成字符串

StringBuffer.prototype.toString = function(){

  return this.buffer.join("");
};
//用法

var buffer = new StringBuffer();

buffer.append("hello");

buffer.append(\',world\');
console.log(buffer.toString());