JS扩展String.prototype.format字符串拼接的功能


Posted in Javascript onMarch 09, 2018

1、题外话,有关概念理解:String.prototype 属性表示 String原型对象。所有 String 的实例都继承自 String.prototype. 任何String.prototype上的改变都会影响到所有的 String 实例。

2、上正文,js扩展String.prototype.format字符串拼接的功能,首先是基础功能的改造:

String.prototype.format = function(){
  if(arguments.length==0){
    return this;
  }
  for(var s=this, i=0; i<arguments.length; i++){
    s = s.replace(new RegExp("\\{"+i+"\\}","g"), arguments[i]);
  }
  return s;
};

3、然后就是调用方式:

//方式1
var test = '我的{0}是{1}';
var result = test.format('id','城市之光');
//方式2
var test = '我的{name1}是{name2}';
var result = test.format({name1:'id',name2:'城市之光'});

4、就这么简单,附带一个对trim()的扩展

String.prototype.trim = function() { 
 return this.replace(/(^\s*)|(\s*$)/g, ""); 
};
String.prototype.ltrim = function() { 
 return this.replace(/(^\s*)/g, ""); 
};
String.prototype.rtrim = function() { 
 return this.replace(/(\s*$)/g, ""); 
};
//调用方式
var eg1 = $('#id').val().trim();

总结

以上所述是小编给大家介绍的JS扩展String.prototype.format字符串拼接的功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
再说AutoComplete自动补全之实现原理
Nov 05 Javascript
jQuery 获取URL的GET参数值的小例子
Apr 18 Javascript
jquery实现文字由下到上循环滚动的实例代码
Aug 09 Javascript
jQuery实现放大镜效果实例代码
Mar 17 Javascript
浅析JavaScriptSerializer类的序列化与反序列化
Nov 22 Javascript
详解AngularJS通过ocLazyLoad实现动态(懒)加载模块和依赖
Mar 01 Javascript
webpack学习笔记之优化缓存、合并、懒加载
Aug 24 Javascript
Vue-cli Eslint在vscode里代码自动格式化的方法
Feb 23 Javascript
vue实现父子组件之间的通信以及兄弟组件的通信功能示例
Jan 29 Javascript
JavaScript中Dom操作实例详解
Jul 08 Javascript
node.js实现简单的压缩/解压缩功能示例
Nov 05 Javascript
React Native登录之指纹登录篇的示例代码
Nov 03 Javascript
详解ES6通过WeakMap解决内存泄漏问题
Mar 09 #Javascript
JavaScript实现微信号随机切换代码
Mar 09 #Javascript
AngularJS中重新加载当前路由页面的方法
Mar 09 #Javascript
vue.js 底部导航栏 一级路由显示 子路由不显示的解决方法
Mar 09 #Javascript
vue+element-ui+ajax实现一个表格的实例
Mar 09 #Javascript
使用live-server快速搭建本地服务器+自动刷新的方法
Mar 09 #Javascript
解决低版本的浏览器不支持es6的import问题
Mar 09 #Javascript
You might like
php Mysql日期和时间函数集合
2007/11/16 PHP
php生成SessionID和图片校验码的思路和实现代码
2009/03/10 PHP
浅析get与post的一些特殊情况
2014/07/28 PHP
PHP实现将HTML5中Canvas图像保存到服务器的方法
2014/11/28 PHP
php单一接口的实现方法
2015/06/20 PHP
Symfony2在Nginx下的配置方法图文教程
2016/02/04 PHP
解决laravel中日志权限莫名变成了root的问题
2019/10/17 PHP
利用PHP内置SERVER开启web服务(本地开发使用)
2020/01/22 PHP
ThinkPHP5与单元测试PHPUnit使用详解
2020/02/23 PHP
收藏Javascript中常用的55个经典技巧
2007/08/12 Javascript
语义化 H1 标签
2008/01/14 Javascript
jQuery MD5加密实现代码
2010/03/15 Javascript
jQuery each()方法的使用方法
2010/03/18 Javascript
解决jquery实现的radio重新选中的问题
2015/07/03 Javascript
JS实现漂亮的窗口拖拽效果(可改变大小、最大化、最小化、关闭)
2015/10/10 Javascript
JS获取鼠标坐标位置实例分析
2016/01/20 Javascript
Angularjs整合微信UI(weui)
2016/03/15 Javascript
微信小程序实现动态改变view标签宽度和高度的方法【附demo源码下载】
2017/12/05 Javascript
js中bool值的转换及“&amp;&amp;”、“||”、 “!!”详解
2017/12/21 Javascript
vue + elementUI实现省市县三级联动的方法示例
2019/10/29 Javascript
koa中间件核心(koa-compose)源码解读分析
2020/06/15 Javascript
python计算圆周长、面积、球体体积并画出圆
2014/04/08 Python
Python中字符编码简介、方法及使用建议
2015/01/08 Python
CentOS 7下Python 2.7升级至Python3.6.1的实战教程
2017/07/06 Python
Python列表删除的三种方法代码分享
2017/10/31 Python
numpy使用fromstring创建矩阵的实例
2018/06/15 Python
浅谈pycharm的xmx和xms设置方法
2018/12/03 Python
在python中利用最小二乘拟合二次抛物线函数的方法
2018/12/29 Python
美国折扣网站:jClub
2017/08/07 全球购物
美国男士和女士奢侈品折扣手表购物网站:Certified Watch Store
2018/06/13 全球购物
Strawberrynet草莓网新加坡站:护肤、彩妆、香水及美发产品
2018/08/31 全球购物
毕业评语大全
2014/05/04 职场文书
影视后期实训报告
2014/11/05 职场文书
2015员工年度考核评语
2015/03/25 职场文书
2016年社区中秋节活动总结
2016/04/05 职场文书
python基于tkinter制作无损音乐下载工具
2021/03/29 Python