浅谈JavaScript字符串拼接
在JavaScript中会经常遇到字符串拼接,但是如果要拼接的字符串过长就比较麻烦了。
如果在一行的话,可读性太差;如果换行的话,会直接报错。
现在就来介绍几个JavaScript拼接字符串的几个小技巧(主要针对字符串过长的情况)。
1. 字符串相加(+)
var empList = ' <li data-view-section="details">'+
'<span>Hello world</span>'+
'</li>';
2.利用反斜杠拼接字符串
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());
在数组方法的基础上可以封装一个类似Java中的StringBuffer的类来完成字符串的拼接。
以上所述就是本文的全部内容了,希望大家能够喜欢。
热文精选
更多资讯推荐
更多- Stable Diffusion 2.0 发布,加强成人内容过滤
- .NET 7 正式发布
- A3Mall 开源商城系统 v2.1 发布
- FydeOS v14 版本更新:优化输入法体验+重构安卓子系统+全新应用启动器
- ThinkPHP V6.0.8版本发布——多环境变量配置支持
- 毕昇 JDK 8u292、11.0.11 发布!
- KubeVela 1.0:开启可编程式应用平台的未来
- Eclipse 4.19 稳定版发布
- 阿里巴巴 Arthas 3.5.0 版本发布,支持反编译打印行号和统一鉴权
- Debian 11 Bullseye 即将进入冻结,Debian 13 代号 Trixie
- Rancher 2.5 发布,新增支持边缘集群的 GitOps
- FlashDB IoT 超轻量级嵌入式数据库