浅谈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扩展插件Validate 3通过参数设置错误信息
Sep 05 Javascript
最佳6款用于移动网站开发的jQuery 图片滑块插件小结
Jul 20 Javascript
node.js中的console.error方法使用说明
Dec 10 Javascript
jQuery中innerWidth()方法用法实例
Jan 19 Javascript
js获取当前年月日-YYYYmmDD格式的实现代码
Jun 01 Javascript
关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)
Dec 14 Javascript
基于jQuery实现照片墙自动播放特效
Jan 12 Javascript
详解VUE中v-bind的基本用法
Jul 13 Javascript
vue(2.x,3.0)配置跨域代理
Nov 27 Javascript
vue中的过滤器及其时间格式化问题
Apr 09 Javascript
JavaScript中的Proxy对象
Nov 27 Javascript
vue3中的组件间通信
Mar 31 Vue.js
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数据结构与算法(PHP描述) 快速排序 quick sort
2012/06/21 PHP
php中把美国时间转为北京时间的自定义函数分享
2014/07/28 PHP
PHP处理CSV表格文件的常用操作方法总结
2016/07/01 PHP
PHP获取访问页面HTTP状态码的实现代码
2016/11/03 PHP
PHP中数组转换为SimpleXML教程
2019/01/27 PHP
javascript中window.event事件用法详解
2012/12/11 Javascript
深入理解JavaScript中的传值与传引用
2013/12/09 Javascript
JavaScript函数详解
2014/11/17 Javascript
jQuery监控文本框事件并作相应处理的方法
2015/04/16 Javascript
jQuery关键词说明插件cluetip使用指南
2015/04/21 Javascript
究竟什么是Node.js?Node.js有什么好处?
2015/05/29 Javascript
Position属性之relative用法
2015/12/14 Javascript
JavaScript中split与join函数的进阶使用技巧
2016/05/03 Javascript
js+html5实现canvas绘制网页时钟的方法
2016/05/21 Javascript
sso跨域写cookie的一段js脚本(推荐)
2016/05/25 Javascript
原生js获取left值和top值的三种方法
2017/08/02 Javascript
ES6 中可以提升幸福度的小功能
2018/08/06 Javascript
Vue中Quill富文本编辑器的使用教程
2018/09/21 Javascript
jQuery中each和js中forEach的区别分析
2019/02/27 jQuery
详解JavaScript中的函数、对象
2019/04/01 Javascript
Vue对象赋值视图不更新问题及解决方法
2019/06/03 Javascript
JS中的算法与数据结构之列表(List)实例详解
2019/08/16 Javascript
OpenLayers加载缩放控件使用方法详解
2020/09/25 Javascript
Python类的多重继承问题深入分析
2014/11/09 Python
Python处理json字符串转化为字典的简单实现
2016/07/07 Python
Python3.4解释器用法简单示例
2019/03/22 Python
python实现雪花飘落效果实例讲解
2019/06/18 Python
浅谈在JupyterNotebook下导入自己的模块的问题
2020/04/16 Python
python+requests接口压力测试500次,查看响应时间的实例
2020/04/30 Python
Boden美国官网:英伦原创时装品牌
2017/07/03 全球购物
Linux上比较文件的命令都有哪些
2013/09/28 面试题
师范生实习个人的自我评价
2013/09/28 职场文书
市级文明单位申报材料
2014/05/07 职场文书
活动宣传策划方案
2014/05/23 职场文书
公安局副政委班子个人对照检查材料
2014/10/04 职场文书
交警失职检讨书
2015/01/26 职场文书