浅谈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 相关文章推荐
屏蔽IE弹出&quot;您查看的网页正在试图关闭窗口,是否关闭此窗口&quot;的方法
Dec 31 Javascript
Javascript中的Array数组对象详谈
Mar 03 Javascript
JS使用getComputedStyle()方法获取CSS属性值
Apr 23 Javascript
js实现创建删除html元素小结
Sep 30 Javascript
js实现文字闪烁特效的方法
Dec 17 Javascript
js添加绑定事件的方法
May 15 Javascript
jQuery学习心得总结(必看篇)
Jun 10 Javascript
BackBone及其实例探究_动力节点Java学院整理
Jul 14 Javascript
js实现图片懒加载效果
Jul 17 Javascript
js事件on动态绑定数据,绑定多个事件的方法
Sep 15 Javascript
基于ts的动态接口数据配置的详解
Dec 18 Javascript
js实现无限层级树形数据结构(创新算法)
Feb 27 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 远程关机实现代码
2009/11/10 PHP
php编写批量生成不重复的卡号密码代码
2015/05/14 PHP
php pdo操作数据库示例
2017/03/10 PHP
PHP+JQUERY操作JSON实例
2017/03/23 PHP
php安装扩展mysqli的实现步骤及报错解决办法
2017/09/23 PHP
YII2.0框架行为(Behavior)深入详解
2019/07/26 PHP
PHP 范围解析操作符(::)用法分析【访问静态成员和类常量】
2020/04/14 PHP
RR vs IO BO3 第一场2.13
2021/03/10 DOTA
Uglifyjs(JS代码优化工具)入门 安装使用
2020/04/13 Javascript
jQuery让控件左右移动的三种实现方法
2013/09/08 Javascript
JavaScript 学习笔记之数据类型
2015/01/14 Javascript
JavaScript实现的简单幂函数实例
2015/04/17 Javascript
js实现卡片式项目管理界面UI设计效果
2015/12/08 Javascript
理解javascript函数式编程中的闭包(closure)
2016/03/08 Javascript
Javascript的表单验证长度
2016/03/16 Javascript
AngularJS  $on、$emit和$broadcast的使用
2016/09/05 Javascript
详解微信小程序 wx.uploadFile 的编码坑
2017/01/23 Javascript
JS自定义滚动条效果简单实现代码
2020/10/27 Javascript
Vue3.0数据响应式原理详解
2019/10/09 Javascript
bootstrap-paginator服务器端分页使用方法详解
2020/02/13 Javascript
JS实现网页时钟特效
2020/03/25 Javascript
Node登录权限验证token验证实现的方法示例
2020/05/25 Javascript
Python操作串口的方法
2015/06/17 Python
Python常用算法学习基础教程
2017/04/13 Python
解决python tkinter界面卡死的问题
2019/07/17 Python
浅谈spring boot 集成 log4j 解决与logback冲突的问题
2020/02/20 Python
html5声频audio和视频video等新特性详细说明
2012/12/26 HTML / CSS
HTML5中的Article和Section元素认识及使用
2013/03/22 HTML / CSS
HTML5拖拽的简单实例
2016/05/30 HTML / CSS
HTML5适合的情人节礼物有纪念日期功能
2021/01/25 HTML / CSS
判断单链表中是否存在环
2012/07/16 面试题
资料员的岗位职责
2013/11/20 职场文书
毕业设计计划书
2014/01/09 职场文书
教师职称自我鉴定
2014/02/12 职场文书
5.12护士节演讲稿
2014/04/30 职场文书
部门经理助理岗位职责
2015/04/13 职场文书