浅谈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自定义startWith()和endWith()的两种方法
Nov 11 Javascript
如何设置一定时间内只能发送一次请求
Feb 28 Javascript
chrome下jq width()方法取值为0的解决方法
May 26 Javascript
使用时间戳解决ie缓存的问题
Aug 20 Javascript
jQuery设置指定网页元素宽度和高度的方法
Mar 25 Javascript
jQuery实现文档树效果
Feb 20 Javascript
详解react如何在组件中获取路由参数
Jun 15 Javascript
最全正则表达式总结:验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等
Aug 16 Javascript
详解axios 全攻略之基本介绍与使用(GET 与 POST)
Sep 15 Javascript
JavaScript实现打印星型金字塔功能实例分析
Sep 27 Javascript
vue axios请求频繁时取消上一次请求的方法
Nov 10 Javascript
bootstrap-paginator服务器端分页使用方法详解
Feb 13 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
YB217、YB235、YB400浅听
2021/03/02 无线电
配置支持SSI
2006/11/25 PHP
php简单封装了一些常用JS操作
2007/02/25 PHP
php数字游戏 计算24算法
2012/06/10 PHP
ThinkPHP3.1新特性之多层MVC的支持
2014/06/19 PHP
Laravel 5.4重新登录实现跳转到登录前页面的原理和方法
2017/07/13 PHP
解决php写入数据库乱码的问题
2019/09/17 PHP
php实现QQ小程序发送模板消息功能
2019/09/18 PHP
获取网站跟路径的javascript代码(站点及虚拟目录)
2009/10/20 Javascript
jquery 中多条件选择器,相对选择器,层次选择器的区别
2012/07/03 Javascript
angular源码学习第一篇 setupModuleLoader方法
2016/10/20 Javascript
Bootstrap中data-target 到底是什么
2017/02/14 Javascript
jquery加载单文件vue组件的方法
2017/06/20 jQuery
解决Jstree 选中父节点时被禁用的子节点也会选中的问题
2017/12/27 Javascript
vue-property-decorator用法详解
2019/12/12 Javascript
JavaScript 替换所有匹配内容及正则替换方法
2020/02/12 Javascript
[01:18]一目了然!DOTA2DotA快捷操作对比第一弹
2014/07/01 DOTA
[34:44]Liquid vs TNC Supermajor 胜者组 BO3 第二场 6.4
2018/06/05 DOTA
Python httplib,smtplib使用方法
2008/09/06 Python
Python Deque 模块使用详解
2014/07/04 Python
用Python解析XML的几种常见方法的介绍
2015/04/09 Python
Django框架中处理URLconf中特定的URL的方法
2015/07/20 Python
Python3实现Web网页图片下载
2016/01/28 Python
pyenv命令管理多个Python版本
2017/03/26 Python
Python实现将字符串的首字母变为大写,其余都变为小写的方法
2019/06/11 Python
python实现回旋矩阵方式(旋转矩阵)
2019/12/04 Python
使用python3批量下载rbsp数据的示例代码
2019/12/20 Python
Python IDLE或shell中切换路径的操作
2020/03/09 Python
CSS3的新特性介绍
2008/10/31 HTML / CSS
css3实例教程 一款纯css3实现的环形导航菜单
2014/10/20 HTML / CSS
介绍下java.util.Arrays类
2012/10/16 面试题
教育技术学专业职业规划书
2014/03/03 职场文书
2015年音乐教师个人工作总结
2015/05/20 职场文书
2015迎新晚会开场白
2015/07/17 职场文书
《狮子和鹿》教学反思
2016/02/16 职场文书
创业计划书之服装
2019/10/07 职场文书