JS 拼凑字符串的简单实例

 更新时间:2016年09月02日 10:53:05   投稿:jingxian  
下面小编就为大家带来一篇JS 拼凑字符串的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

和Java一样,JS中直接用"+"号拼凑字符串是很耗费资源的,所以在大量拼凑字符串的情景中,我们也需要一个类似于StringBuffer的工具,

下面利用Array.join()方法实现StringBuffer

function StringBuffer() { 
  this._strs = new Array; 
} 
StringBuffer.prototype.append = function (str) { 
  this._strs.push(str); 
}; 
StringBuffer.prototype.toString = function() { 
  return this._strs.join(""); 
};

使用:

var sb=new StringBuffer();

sb.append("sss")

sb.append("ddd");

sb.toString(); //"sssddd"

附一个项目中用到的字符串格式化方法

/**
*  格式化字符串
*  format("{0},{1}","ddd","fff");
*  format('<button id="{0}" type="{1}">{2}</button>',"btnOk","Button","Ok")
**/
function format(str){
  for(var i=0;i<arguments.length-1;i++){
    var placeHolder="{"+i+"}";
    if(str.indexOf(placeHolder)!=-1){
      str=str.replace(placeHolder,arguments[i+1]);
    }
  }
  return str;
}

以上这篇JS 拼凑字符串的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • JavaScript通过极大极小值算法实现AI井字棋游戏

    JavaScript通过极大极小值算法实现AI井字棋游戏

    极小极大值搜索算法是一种零和算法,是用来最小化对手的利益,最大化自己的利益的算法。极小极大之搜索算法常用于棋类游戏等双方较量的游戏和程序,算是一种电脑AI算法。本文将介绍通过这个算法实现的一个井字棋游戏,需要的可以参考一下
    2021-12-12
  • ES6小技巧之代替lodash

    ES6小技巧之代替lodash

    这篇文章主要给大家介绍了关于ES6小技巧之代替lodash的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用ES6具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-06-06
  • 通过实例解析json与jsonp原理及使用方法

    通过实例解析json与jsonp原理及使用方法

    这篇文章主要介绍了通过实例解析json与jsonp原理及使用方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-09-09
  • 如何利用Three.js实现web端显示点云数据

    如何利用Three.js实现web端显示点云数据

    这篇文章主要给大家介绍了关于如何利用Three.js实现web端显示点云数据的相关资料,最近在项目中遇到需求,需要在web端显示点云数据,将我的实现步骤介绍在这里供大家参考,需要的朋友可以参考下
    2023-11-11
  • JavaScript将取代AppleScript?

    JavaScript将取代AppleScript?

    这篇文章主要介绍了JavaScript将取代AppleScript?AppleScript是OS X平台的类似JavaScript的脚本语言,需要的朋友可以参考下
    2014-09-09
  • 一文教会你如何在JavaScript中使用展开运算符

    一文教会你如何在JavaScript中使用展开运算符

    展开运算符(spread operator)允许一个表达式在某处展开,下面这篇文章主要给大家介绍了关于如何通过一文教会你如何在JavaScript中使用展开运算符的相关资料,需要的朋友可以参考下
    2022-10-10
  • 仅Firefox中链接A无法实现模拟点击以触发其默认行为

    仅Firefox中链接A无法实现模拟点击以触发其默认行为

    偶然发现之前写的事件模块在Firefox5中无法触发A的默认行为了。IE/Opera/Firefox5中A具有click方法,因此模拟点击直接调用click方法即可。
    2011-07-07
  • JavaScript面向对象的实现方法小结

    JavaScript面向对象的实现方法小结

    这篇文章主要介绍了JavaScript面向对象的实现方法,实例总结了两种常见的面向对象的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-04-04
  • momentjs获取上周、上月、前三个月的起始和结束时间(附完整代码)

    momentjs获取上周、上月、前三个月的起始和结束时间(附完整代码)

    这篇文章主要给大家介绍了关于momentjs获取上周、上月、前三个月的起始和结束时间的相关资料,在需要你进行日期处理的地方,必然少不了moment.js的使用,需要的朋友可以参考下
    2023-07-07
  • JavaScript实现x秒后自动跳转到一个页面

    JavaScript实现x秒后自动跳转到一个页面

    今天看视频学习时学习了一种新技术,即平时我们在一个页面点击“提交”或“确认”会自动跳转到一个页面,在网上搜了一下,关于这个技术处理有多种方法,有兴趣的朋友可以参考下
    2013-01-01

最新评论