浅谈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修改属性值实例代码(设置属性值)
Jan 06 Javascript
浅谈jQuery异步对象(XMLHttpRequest)
Nov 17 Javascript
浅谈$(document)和$(window)的区别
Jul 15 Javascript
一道JS前端闭包面试题解析
Dec 25 Javascript
Node.js下自定义错误类型详解
Oct 17 Javascript
微信小程序--组件(swiper)详细介绍
Jun 13 Javascript
Vue2.5 结合 Element UI 之 Table 和 Pagination 组件实现分页功能
Jan 26 Javascript
p5.js入门教程之图片加载
Mar 20 Javascript
JavaScript对象拷贝与Object.assign用法实例分析
Jun 20 Javascript
vue-router 前端路由之路由传值的方式详解
Apr 30 Javascript
深入了解Hybrid App技术的相关知识
Jul 17 Javascript
vue-cli设置css不生效的解决方法
Feb 07 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中养成7个面向对象的好习惯
2010/07/17 PHP
php检测数组长度函数sizeof与count用法
2014/11/17 PHP
php array_values 返回数组的所有值详解及实例
2016/11/12 PHP
php base64 编码与解码实例代码
2017/03/21 PHP
PHP+ajax实现获取新闻数据简单示例
2018/05/08 PHP
thinkPHP框架动态配置用法实例分析
2018/06/14 PHP
解决Laravel 使用insert插入数据,字段created_at为0000的问题
2019/10/11 PHP
jquery iframe操作详细解析
2013/11/20 Javascript
zeroclipboard 单个复制按钮和多个复制按钮的实现方法
2014/06/14 Javascript
jquery判断单选按钮radio是否选中的方法
2015/05/05 Javascript
JS+CSS实现的日本门户网站经典选项卡导航效果
2015/09/27 Javascript
jQuery实现的简单百分比进度条效果示例
2016/08/01 Javascript
JavaScript 中有关数组对象的方法(详解)
2016/08/15 Javascript
jQuery+json实现动态创建复杂表格table的方法
2016/10/25 Javascript
js上下视差滚动简单实现代码
2017/03/07 Javascript
Angular 4.x中表单Reactive Forms详解
2017/04/25 Javascript
ES6扩展运算符的用途实例详解
2017/08/20 Javascript
jquery+ajaxform+springboot控件实现数据更新功能
2018/01/22 jQuery
vue data恢复初始化数据的实现方法
2019/10/31 Javascript
微信小程序淘宝首页双排图片布局排版代码(推荐)
2020/10/29 Javascript
[00:10]DOTA2全国高校联赛 以DOTA2会友
2018/05/30 DOTA
Python使用QQ邮箱发送Email的方法实例
2017/02/09 Python
Pandas读取MySQL数据到DataFrame的方法
2018/07/25 Python
python实现UDP协议下的文件传输
2020/03/20 Python
使用CSS3的ruby-position固定注音位置的用法示例
2016/07/05 HTML / CSS
Artist Guitars新西兰:乐器在线商店
2017/09/17 全球购物
牧马人澳大利亚官网:Wrangler澳大利亚
2019/10/08 全球购物
意大利单身交友网站:Meetic
2020/07/12 全球购物
酒店总经理助理职责
2014/02/12 职场文书
小学生竞选班干部演讲稿
2014/04/24 职场文书
分公司负责人任命书
2014/06/04 职场文书
现场活动策划方案
2014/08/22 职场文书
村级四风对照检查材料
2014/08/24 职场文书
法英专业大学生职业生涯规划书范文
2014/09/22 职场文书
佛光寺导游词
2015/02/10 职场文书
Java实现学生管理系统(IO版)
2022/02/24 Java/Android