浅谈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 相关文章推荐
用jQuery实现检测浏览器及版本的脚本代码
Jan 22 Javascript
最佳JS代码编写的14条技巧
Jan 09 Javascript
利用JQuery和Servlet实现跨域提交请求示例分享
Feb 12 Javascript
自己动手制作基于jQuery的Web页面加载进度条插件
Jun 03 Javascript
JavaScript中函数声明与函数表达式的区别详解
Aug 18 Javascript
浅谈javascript的url参数parse和build函数
Mar 04 Javascript
详解RequireJS按需加载样式文件
Apr 12 Javascript
vue单个组件实现无限层级多选菜单功能
Apr 10 Javascript
Bootstrap开发中Tab标签页切换图表显示问题的解决方法
Jul 13 Javascript
基于JS实现简单滑块拼图游戏
Oct 12 Javascript
微信小程序修改checkbox的样式代码实例
Jan 21 Javascript
js实现限定范围拖拽的示例
Oct 26 Javascript
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树的深度编历生成迷宫及A*自动寻路算法实例分析
2015/03/10 PHP
PHP实现git部署的方法教程
2017/12/19 PHP
js实现简单模态窗口,背景灰显
2008/11/14 Javascript
js no-repeat写法 背景不重复
2009/03/18 Javascript
JQuery 常用操作代码
2010/03/14 Javascript
jQuery实现随意改变div任意属性的名称和值(部分原生js实现)
2013/05/28 Javascript
jquery改变tr背景色的示例代码
2013/12/28 Javascript
Javascript的&amp;&amp;和||的另类用法
2014/07/23 Javascript
JS+CSS实现简单的二级下拉导航菜单效果
2015/09/21 Javascript
牛叉的Jquery——Jquery与DOM对象的互相转换及DOM的三种操作
2015/10/29 Javascript
jquery mobile界面数据刷新的实现方法
2016/05/28 Javascript
妙用Angularjs实现表格按指定列排序
2017/06/23 Javascript
jquery实现左右轮播图效果
2017/09/28 jQuery
webpack搭建vue 项目的步骤
2017/12/27 Javascript
javascript填充默认头像方法
2018/02/22 Javascript
vue实现配置全局访问路径头(axios)
2019/11/01 Javascript
如何手动实现一个 JavaScript 模块执行器
2020/10/16 Javascript
vue 函数调用加括号与不加括号的区别
2020/10/29 Javascript
微信小程序自定义modal弹窗组件的方法详解
2020/12/20 Javascript
分析在Python中何种情况下需要使用断言
2015/04/01 Python
windows下Python实现将pdf文件转化为png格式图片的方法
2017/07/21 Python
Python 处理数据的实例详解
2017/08/10 Python
Python基于回溯法子集树模板解决旅行商问题(TSP)实例
2017/09/05 Python
使用apidocJs快速生成在线文档的实例讲解
2018/02/07 Python
配置 Pycharm 默认 Test runner 的图文教程
2018/11/30 Python
使用Python控制摄像头拍照并发邮件
2019/04/23 Python
Python try except else使用详解
2021/01/12 Python
随机分配座位,共50个学生,使学号相邻的同学座位不能相邻
2014/01/18 面试题
公司综合部的成员自我评价分享
2013/11/05 职场文书
见习期自我鉴定
2013/11/07 职场文书
班主任寄语大全
2014/04/04 职场文书
党员群众路线整改措施及今后努力方向
2014/10/28 职场文书
销售2014年度工作总结
2014/12/08 职场文书
新教师教学工作总结
2015/08/14 职场文书
研究生毕业登记表的自我鉴定范文
2019/07/15 职场文书
Windows Server 2019 安装DHCP服务及相关配置
2022/04/28 Servers