浅谈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中拼接大量字符串的方法
在php.python中都有heredoc方式的字符串定义方法: php: 复制代码 代码如下: $sql=<<<EOD select * from pages where pagename='$pn' EOD; python: 复制代码 代码如下: print """ This is an example of a string in the heredoc syntax. This text can span multiple lines "&
-
JavaScript中字符串拼接的基本方法
非常简单,就用一个"+"将两个字符串"相加": var longString = "One piece " + "plus one more piece."; 要将多个字符串累积为一个字符串,还可以使用"+="操作符: var result = ""; result += "My name is Anders" result += " and my age
-
JavaScript组合拼接字符串的效率对比测试
在脚本开发过程中,经常会按照某个规则,组合拼接出一个大字符串进行输出.比如写脚本控件时控制整个控件的外观的HTML标签输出,比如AJAX里得到服务器端的回传值后动态分析创建HTML标签时,不过这里我就不讨论拼接字符串的具体应用了,我只是想在这里讨论一下拼接的效率. 字符串的拼接在我们写代码的时候都是用"+="这个运算符,s += String; 这是我们最为熟知的写法,不知道大家有没有注意过没有,在组合的字符串容量有几十K甚至几百K的时候,脚本执行起来很慢,CPU使用率狂高,例如: 复
-
js两种拼接字符串的简单方法(必看)
如下所示: function(msgArr) { var len = msgArr.length; var n = 0 ; var htmlSpan = ""; for (var j = 0; j < len - 1; j++) { htmlSpan += '<span>·</span>'; } htmlSpan += '<span class="on">·</span>'; var imgs = []; var
-
Javascript字符串拼接小技巧(推荐)
在Javascript中经常会遇到字符串的问题,但是如果要拼接的字符串过长就比较麻烦了. 如果是在一行的,可读性差不说,如果要换行的,会直接报错. 在此介绍几种Javascript拼接字符串的技巧. 字符串相加(+) var items = '<li class="details">' + '<span>Hello world</span>' + '</li>'; 利用反斜线拼接字符串 var items = '<li class=
-
探讨js字符串数组拼接的性能问题
我们知道,在js中,字符串连接是性能最低的操作之一. 例如: 复制代码 代码如下: var text="Hello"; text+=" World!"; 早期浏览器没有对这种运算进行优化. 由于字符串是不可变的,这意味着要创建中间字符串来存储连接的结果.频繁地在后台创建和销毁字符串导制性能异常低下. 因此,可以利用数组对象进行优化. 例如: var buffer=[],i=0; buffer[i++]="Hello"; //通过相应索引值添加元
-
JavaScript中使用concat()方法拼接字符串的教程
这种方法将两个或多个字符串,并返回一个新的单字符串. 语法 string.concat(string2, string3[, ..., stringN]); 下面是参数的详细信息: string2...stringN : 这些是要连接字符串. 返回值: 返回一个连接字符串. 例子: <html> <head> <title>JavaScript String concat() Method</title> </head> <body>
-
浅谈JavaScript字符串拼接
在JavaScript中会经常遇到字符串拼接,但是如果要拼接的字符串过长就比较麻烦了. 如果在一行的话,可读性太差:如果换行的话,会直接报错. 现在就来介绍几个JavaScript拼接字符串的几个小技巧(主要针对字符串过长的情况). 1. 字符串相加(+) var empList = ' <li data-view-section="details">'+ '<span>Hello world</span>'+ '</li>'; 2.利用
-
浅谈JavaScript字符串与数组
JavaScript字符串 字符串是一系列字符的集合,包括英文字母.标点符号.特殊符号.汉字等. 在JavaScript中,字符串可以使用双引号(" ")或单引号(' ')来表示. 双引号和单引号必须成对出现,双引号里面可以包含单引号,单引号里面也可以包含双引号. 例如: 复制代码 代码如下: var myStr1=" My name is ' xiaohua ' ! "; var myStr2=' " This is my dream ! "
-
浅谈JavaScript中数组的增删改查
数组的增加 •ary.push() 向数组末尾添加元素,返回的是添加后新数组的长度,原有数组改变 •ary.unshift() 向数组开头添加元素,返回的是添加后新数组的长度,原有数组改变 • var ary=[1,2,3,4]; var res=ary.unshift(6); console.log(res); ---->5 返回的是新数组的长度•ary.splice(n,m,x)从索引n开始删除m个元素,把新增的元素X放在索引n的前面,把删除的元素当成一个新数组返回,原有数组改
-
浅谈JavaScript 浏览器对象
window window对象不但充当全局作用域,而且表示浏览器窗口. window对象有innerWidth和innerHeight属性,可以获取浏览器窗口的内部宽度和高度.内部宽高是指除去菜单栏.工具栏.边框等占位元素后,用于显示网页的净宽高.还有一个outerWidth和outerHeight属性,可以获取浏览器窗口的整个宽高. 补充: 网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:
-
浅谈JavaScript的内置对象和浏览器对象
在javascript中对象通常包括两种类型:内置对象和浏览器对象,此外,用户还可以自定义对象. 对象包含两个要素: 1. 用来描述对象特性的一组数据,也就是若干变量,通常称为属性. 2. 用来操作对象特性的若干动作,也就是若干函数,通常称为方法. 浏览器对象 对象 含义 anchor 当前文档中设置了name属性的超链接 applet 当前文档中的小程序 area 客户端图形映射中的区域 button 表单中的按钮 checkbook 表单中的复选框 document 当前窗口中的HTML文档
-
浅谈JavaScript的push(),pop(),concat()方法
push 方法 将新元素添加到一个数组中,并返回数组的新长度值. arrayObj.push([item1 [item2 [. . . [itemN ]]]]) 参数 arrayObj 必选项.一个 Array 对象. item, item2,. . . itemN 可选项.该 Array 的新元素. 说明 push 方法将以新元素出现的顺序添加这些元素.如果参数之一为数组,那么该数组将作为单个元素添加到数组中.如果要合并两个或多个数组中的元素,需要使用 concat 方法. 版本要求在:5.5
-
浅谈Javascript数据属性与访问器属性
ES5中对象的属性可以分为'数据属性'和'访问器属性'两种. 数据属性一般用于存储数据数值,访问器属性对应的是set/get操作,不能直接存储数据值. 数据属性特性:value.writable.enumerable.configurable. 解释:configurable:true/false,是否可以通过delete删除属性,能否修改属性的特性,能否把属性修改为访问器属性,默认false: enumerable:true/false,是否可以通过for in循环返回,默认false: wr
-
浅谈JavaScript 标准对象
在JavaScript的世界里,一切都是对象. 但是某些对象还是和其他对象不太一样.为了区分对象的类型,我们用typeof操作符获取对象的类型,它总是返回一个字符串: typeof 123; // 'number' typeof NaN; // 'number' typeof 'str'; // 'string' typeof true; // 'boolean' typeof undefined; // 'undefined' typeof Math.abs; // 'function' ty
-
浅谈javascript中关于日期和时间的基础知识
前面的话 在介绍Date对象之前,首先要先了解关于日期和时间的一些知识.比如,闰年.UTC等等.深入了解这些,有助于更好地理解javascript中的Date对象.本文将介绍javascript关于日期和时间的基础知识 标准时间一般而言的标准时间是指GMT和UTC,以前是GMT,现在是UTC GMT 格林尼治标准时间(GMT)是指位于伦敦郊区的皇家格林尼治天文台的标准时间,因为本初子午线被定义在通过那里的经线 理论上来说,格林尼治标准时间的正午是指当太阳横穿格林尼治子午线时(也就是在格林尼治上空
-
浅谈JavaScript编程语言的编码规范
JavaScript 编程语言作为最流行的客户端脚本语言,早已被众多 Web 开发人员所熟悉.随着 Web2.0 时代的到来和 Ajax 技术的广泛应用,JavaScript 也逐渐吸引着更多的视线.工作中要求越多的是对 JavaScript 语言的深入学习,灵活运用,和对编码质量的保证. 对于熟悉 C/C++ 或 Java 语言的工程师来说,JavaScript 显得灵活,简单易懂,对代码的格式的要求也相对松散.很容易学习,并运用到自己的代码中.也正因为这样,JavaScript 的编码规范也
随机推荐
- js获取元素到文档区域document的(横向、纵向)坐标的两种方法
- 网站技巧之转发与重定向的区别
- 从最基本的Java工程搭建SpringMVC+SpringDataJPA+Hibernate
- Java中Date类和Calendar类的常用实例小结
- Python编程中使用Pillow来处理图像的基础教程
- php 正则表达式的子模式详解
- Android Socket 线程连接openwrt与arduino单片机串口双向通信的实例解析
- Windows8下安装Python的BeautifulSoup
- jQuery中的insertBefore(),insertAfter(),after(),before()区别介绍
- javascript 双击文本框编辑功能代码
- Java编程实现服务器端支持断点续传的方法(可支持快车、迅雷)
- Mybatis增删改查mapper文件写法详解
- sourcesafe管理phpproj文件的补充说明(downmoon)
- 推荐几个开源的微信开发项目
- JavaScript中Array方法你该知道的正确打开方法
- Android Theme以及解决启动黑屏的方法详解
- SpringBoot2.1 RESTful API项目脚手架(种子)项目
- python模块和包的应用BASE_PATH使用解析
- Jmeter调用java脚本过程详解
- Pycharm debug调试时带参数过程解析