浅谈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 eval函数深入认识
Feb 21 Javascript
为jquery.ui.dialog 增加“自动记住关闭时的位置”的功能
Nov 24 Javascript
JS刷新当前页面的几种方法总结
Dec 24 Javascript
改变隐藏的input中value的值代码
Dec 30 Javascript
JavaScript获取网页中第一个链接ID的方法
Apr 03 Javascript
快速学习jQuery插件 Form表单插件使用方法
Dec 01 Javascript
jQuery表格插件datatables用法详解
Nov 23 Javascript
浅谈jQuery hover(over, out)事件函数
Dec 03 Javascript
Html5 js实现手风琴效果
Apr 17 Javascript
微信小程序 http请求的session管理
Jun 07 Javascript
JS实现的合并多个数组去重算法示例
Apr 11 Javascript
ant-design-vue按需加载的坑的解决
May 14 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将XML转数组过程详解
2013/11/13 PHP
php构造函数实例讲解
2013/11/13 PHP
php数组合并与拆分实例分析
2015/06/12 PHP
linux下为php添加iconv模块的方法
2016/02/28 PHP
PHP unlink与rmdir删除目录及目录下所有文件实例代码
2018/02/07 PHP
prototype1.4中文手册
2006/09/22 Javascript
Javascript在IE和FireFox中的不同表现简析
2012/12/03 Javascript
javascript 树形导航菜单实例代码
2013/08/13 Javascript
利用JS进行图片的切换即特效展示图片
2013/12/03 Javascript
js判断是否为ie的方法小结
2014/01/13 Javascript
javascript 判断整数方法分享
2014/12/16 Javascript
JS实现兼容性好,自动置顶的淘宝悬浮工具栏效果
2015/09/18 Javascript
WordPress中利用AJAX异步获取评论用户头像的方法
2016/01/08 Javascript
Vuex2.0+Vue2.0构建备忘录应用实践
2016/11/30 Javascript
详解Vue.js入门环境搭建
2017/03/17 Javascript
Angular 4.x 动态创建表单实例
2017/04/25 Javascript
vue实现模态框的通用写法推荐
2018/02/26 Javascript
在vue项目中利用popstate处理页面返回的操作介绍
2020/08/06 Javascript
详解Python中DOM方法的动态性
2015/04/11 Python
详解Python的Django框架中Manager方法的使用
2015/07/21 Python
轻松掌握python设计模式之策略模式
2016/11/18 Python
Python实现对字符串的加密解密方法示例
2017/04/29 Python
详解appium+python 启动一个app步骤
2017/12/20 Python
对numpy中数组转置的求解以及向量内积计算方法
2018/10/31 Python
基于python实现的百度新歌榜、热歌榜下载器(附代码)
2019/08/05 Python
python实现对变位词的判断方法
2020/04/05 Python
Python退出时强制运行一段代码的实现方法
2020/04/29 Python
广州盈通面试题
2015/12/05 面试题
网络安全方面的面试题
2015/11/04 面试题
2014年安全生产大检查方案
2014/05/13 职场文书
现场活动策划方案
2014/08/22 职场文书
卖房授权委托书样本
2014/10/05 职场文书
小学语文教学随笔
2015/08/14 职场文书
微信早安问候语
2015/11/10 职场文书
goland 设置project gopath的操作
2021/05/06 Golang
用PYTHON去计算88键钢琴的琴键频率和音高
2022/04/10 Python