浅谈JavaScript字符串拼接


Posted in Javascript onJune 25, 2015

在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 相关文章推荐
JavaScript 应用类库代码
Jun 02 Javascript
jQuery Autocomplete自动完成插件
Jul 17 Javascript
Jquery方式获取iframe页面中的 Dom元素
May 07 Javascript
javascript正则表达式基础知识入门
Apr 20 Javascript
JS设置时间无效问题的解决办法
Feb 18 Javascript
微信小程序Flex布局用法深入浅出分析
Apr 25 Javascript
JavaScript中的 new 命令
May 22 Javascript
微信小程序mpvue点击按钮获取button值的方法
May 29 Javascript
微信小程序 多行文本显示...+显示更多按钮和收起更多按钮功能
Sep 26 Javascript
详解JS深拷贝与浅拷贝
Aug 04 Javascript
如何在vue中使用kindeditor富文本编辑器
Dec 19 Vue.js
ajax jquery实现页面某一个div的刷新效果
Mar 04 jQuery
javascript最基本的函数汇总
Jun 25 #Javascript
使用javascript将时间转换成今天,昨天,前天等格式
Jun 25 #Javascript
javascript中的Function.prototye.bind
Jun 25 #Javascript
jQuery实现为图片添加镜头放大效果的方法
Jun 25 #Javascript
jquery实现的缩略图预览滑块实例
Jun 25 #Javascript
使用javascript提交form表单方法汇总
Jun 25 #Javascript
Jquery结合HTML5实现文件上传
Jun 25 #Javascript
You might like
关于PHP内置的字符串处理函数详解
2017/02/04 PHP
syntaxhighlighter 使用方法
2007/07/02 Javascript
jQuery 幻灯片插件(带缩略图功能)
2011/01/24 Javascript
jQuery截取指定长度字符串代码
2014/08/21 Javascript
JavaScript实现点击按钮直接打印
2016/01/06 Javascript
BootStrap文件上传样式超好看【持续更新】
2016/05/10 Javascript
jQuery3.0中的buildFragment私有函数详解
2016/08/16 Javascript
js 判断各种数据类型的简单方法(推荐)
2016/08/29 Javascript
怎样判断jQuery当前元素是隐藏还是显示
2016/11/23 Javascript
JS 组件系列之 bootstrap treegrid 组件封装过程
2017/04/28 Javascript
JS请求servlet功能示例
2017/06/01 Javascript
对angularJs中$sce服务安全显示html文本的实例
2018/09/30 Javascript
详解关于Angular4 ng-zorro使用过程中遇到的问题
2018/12/05 Javascript
vue自定义表单生成器form-create使用详解
2019/07/19 Javascript
layui写后台表格思路和赋值用法详解
2019/11/14 Javascript
[47:43]完美世界DOTA2联赛PWL S3 Magama vs GXR 第二场 12.19
2020/12/24 DOTA
python中split方法用法分析
2015/04/17 Python
Python enumerate索引迭代代码解析
2018/01/19 Python
python如何实现内容写在图片上
2018/03/23 Python
Python实现的根据文件名查找数据文件功能示例
2018/05/02 Python
基于django ManyToMany 使用的注意事项详解
2019/08/09 Python
python给视频添加背景音乐并改变音量的具体方法
2020/07/19 Python
python中实现栈的三种方法
2020/12/19 Python
一款利用纯css3实现的超炫3D表单的实例教程
2014/12/01 HTML / CSS
HTML5 canvas实现雪花飘落特效
2016/03/08 HTML / CSS
拉丁舞学习者的自我评价
2013/10/27 职场文书
新闻学专业应届生求职信
2013/11/08 职场文书
实习生的自我鉴定范文欣赏
2013/11/20 职场文书
工商管理专业职业生涯规划
2014/01/01 职场文书
播音主持专业个人自我评价
2014/01/09 职场文书
俄罗斯商务邀请函
2014/01/26 职场文书
预备党员入党自我评价范文
2014/03/10 职场文书
艺术设计专业求职自荐信
2014/05/19 职场文书
教师作风整顿个人剖析材料
2014/10/10 职场文书
2015年检验员工作总结范文
2015/04/30 职场文书
幼儿园庆元旦主持词
2015/07/06 职场文书