浅谈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中this关键字(翻译+自我理解)
Oct 20 Javascript
jquery ajax对特殊字符进行转义防止js注入使用示例
Nov 21 Javascript
JS控制图片等比例缩放的示例代码
Dec 24 Javascript
Jquery性能优化详解
May 15 Javascript
如何获取网站icon有哪些可行的方法
Jun 05 Javascript
JavaScript判断变量是对象还是数组的方法
Aug 28 Javascript
关于input全选反选恶心的异常情况
Jul 24 Javascript
实现点击下箭头变上箭头来回切换的两种方法【推荐】
Dec 14 Javascript
js实现移动端导航点击自动滑动效果
Jul 18 Javascript
详解一个小实例理解js原型和继承
Apr 24 Javascript
Element Input输入框的使用方法
Jul 26 Javascript
js制作提示框插件
Dec 24 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中apc缓存使用示例
2013/12/25 PHP
PHP类中的魔术方法(Magic Method)简明总结
2014/07/08 PHP
浅谈PHP检查数组中是否存在某个值 in_array 函数
2016/06/13 PHP
PHP入门教程之操作符与控制结构流程详解
2016/09/09 PHP
对于Laravel 5.5核心架构的深入理解
2018/02/22 PHP
php下的原生ajax请求用法实例分析
2020/02/28 PHP
网页中实现浏览器的最大,最小化和关闭按钮
2007/03/12 Javascript
JS对话框_JS模态对话框showModalDialog用法总结
2014/01/11 Javascript
从数据库读取数据后将其输出成html标签的三种方法
2014/10/13 Javascript
ng2学习笔记之bootstrap中的component使用教程
2017/03/09 Javascript
HTML中使背景图片自适应浏览器大小实例详解
2017/04/06 Javascript
node简单实现一个更改头像功能的示例
2017/12/29 Javascript
JavaScript获取用户所在城市及地理位置
2018/04/21 Javascript
vue 刷新之后 嵌套路由不变 重新渲染页面的方法
2018/09/13 Javascript
jQuery加PHP实现图片上传并提交的示例代码
2020/07/16 jQuery
[01:14]DOTA2 7.22版本新增神杖效果展示(智力英雄篇)
2019/05/29 DOTA
Python enumerate遍历数组示例应用
2008/09/06 Python
Python中字符串与编码示例代码
2019/05/20 Python
搭建python django虚拟环境完整步骤详解
2019/07/08 Python
python爬虫的一个常见简单js反爬详解
2019/07/09 Python
pycharm 2020 1.1的安装流程
2020/09/29 Python
利用Python实现自动扫雷小脚本
2020/12/17 Python
Python爬虫模拟登陆哔哩哔哩(bilibili)并突破点选验证码功能
2020/12/21 Python
CSS3制作炫酷带方向感应的鼠标滑过图片3D动画
2016/03/16 HTML / CSS
轻松制作精彩视频:Animoto
2018/09/19 全球购物
软件缺陷的分类都有哪些
2014/08/22 面试题
体育专业个人的求职信范文
2013/09/21 职场文书
少先队入队活动方案
2014/02/08 职场文书
高中生职业生涯规划书
2014/02/24 职场文书
早会主持词
2014/03/17 职场文书
求职信名称怎么写
2014/05/26 职场文书
医药销售自我评价200字
2014/09/11 职场文书
二手车转让协议书
2015/01/29 职场文书
大学学习委员竞选稿
2015/11/20 职场文书
小学秋季运动会通讯稿
2015/11/25 职场文书
python not运算符的实例用法
2021/06/30 Python