浅谈JavaScript字符串拼接
更新时间：2015年06月25日 11:49:43 投稿：hebedich
本文给大家汇总介绍了几种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的类来完成字符串的拼接。
以上所述就是本文的全部内容了，希望大家能够喜欢。
相关文章
这篇文章主要为大家详细介绍了JavaScript实现二维坐标点排序效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
javascript getElementsByClassName 和js取地址栏参数
为了从一大堆HTML代码中找出我们的树状菜单(也许有多个)，我们先来实现一个通过className找DOM节点的方法：getElementsByClassName。这是对浏览器自有DOM方法的一个简单但实用的扩充。2010-01-01
小程序登录是现在小程序里面很普遍的一个功能,因为官方提供的方法,可以一键获取到用户信息,一键拿到手机号,这篇文章主要给大家介绍了关于微信小程序如何同时获取用户信息和用户手机号的相关资料,需要的朋友可以参考下2021-08-08
用函数式编程技术编写优美的 JavaScript...2006-11-11
微信小程序开发是依托微信的,所以他的代码是嵌入在微信的原始代码之中的,这篇文章主要给大家介绍了关于微信小程序实现文字长按复制与一键复制功能的相关资料,需要的朋友可以参考下2023-03-03
这篇文章主要介绍了JavaScript操作Cookie方法,实例分析了javascript针对cookie操作的相关技巧,需要的朋友可以参考下2015-05-05
BootStrap table删除指定行的注意事项(笔记整理)
在前端开发中遇到这样的问题，对于table指定行的数据进行删除，花了好长时间才解决，今天小编抽时间给大家介绍BootStrap table删除指定行的注意事项，需要的朋友参考下吧2017-02-02
这篇文章主要介绍了javascript History对象原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-02-02
这篇文章主要介绍了一文搞懂Map与Set的用法和区别,文章开头给大家介绍了map和set的基本概念，了解这些基础知识能够帮助我们更好的使用，需要的朋友可以参考下2022-06-06
这篇文章主要为大家介绍了万物皆可柯里化的Ramda.js详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
最新评论