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 相关文章推荐
jQuery学习总结之元素的相对定位和选择器(持续更新)
Apr 26 Javascript
fancybox modal的完美解决(右上的X)
Oct 30 Javascript
用html5 js实现点击一个按钮达到浏览器全屏效果
May 28 Javascript
js动态创建及移除div的方法
Jun 03 Javascript
JavaScript中的toLocaleLowerCase()方法使用详解
Jun 06 Javascript
javascript数组排序汇总
Jul 07 Javascript
微信端开发--登录小程序步骤
Jan 11 Javascript
BootStrap 图片样式、辅助类样式和CSS组件的实例详解
Jan 20 Javascript
vue.js事件处理器是什么
Mar 20 Javascript
JavaScript定时器setTimeout()和setInterval()详解
Aug 18 Javascript
解决vue中修改export default中脚本报一大堆错的问题
Aug 27 Javascript
详解vuex中action何时完成以及如何正确调用dispatch的思考
Jan 21 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
一个多文件上传的例子(原创)
2006/10/09 PHP
php快递单号查询接口使用示例
2014/05/05 PHP
PHP中的多种加密技术及代码示例解析
2016/10/20 PHP
javascript一些不错的函数脚本代码
2008/09/10 Javascript
jQuery弹出层始终垂直居中相对于屏幕或当前窗口
2013/04/01 Javascript
代码触发js事件(click、change)示例应用
2013/12/13 Javascript
一个简单的Node.js异步操作管理器分享
2014/04/29 Javascript
js加入收藏夹代码(兼容ie/ff/op)
2014/05/16 Javascript
IE6 hack for js 集锦
2014/09/23 Javascript
js获取元素相对窗口位置的实现代码
2014/09/28 Javascript
JavaScript前端图片加载管理器imagepool使用详解
2014/12/29 Javascript
关于JS中match() 和 exec() 返回值和属性的测试
2016/03/21 Javascript
JavaScript对象数组如何按指定属性和排序方向进行排序
2016/06/15 Javascript
Bootstrap实现圆角、圆形头像和响应式图片
2016/12/14 Javascript
微信小程序之GET请求的实例详解
2017/09/29 Javascript
jQuery基于闭包实现的显示与隐藏div功能示例
2018/06/09 jQuery
vue 使用vue-i18n做全局中英文切换的方法
2018/10/29 Javascript
element-ui 本地化使用教程详解
2019/10/28 Javascript
VUE实现强制渲染,强制更新
2019/10/29 Javascript
JS实现网页烟花动画效果
2020/03/10 Javascript
Vue封装全局过滤器Filters的步骤
2020/09/16 Javascript
Python中的对象,方法,类,实例,函数用法分析
2015/01/15 Python
Python编码类型转换方法详解
2016/07/01 Python
Python数据库小程序源代码
2019/09/15 Python
DJango的创建和使用详解(默认数据库sqlite3)
2019/11/18 Python
jupyter notebook 添加kernel permission denied的操作
2020/04/21 Python
viagogo法国票务平台:演唱会、体育比赛、戏剧门票
2017/03/27 全球购物
公开服务承诺制度
2014/03/26 职场文书
师德师风个人反思
2014/04/28 职场文书
事业单位考核材料
2014/05/21 职场文书
企业党员一句话承诺
2014/05/30 职场文书
个人求职自荐信范文
2014/06/20 职场文书
国际经济与贸易专业求职信
2014/07/10 职场文书
机关班子查摆问题及整改措施
2014/10/28 职场文书
毕业生班级鉴定评语
2015/01/04 职场文书
史上最牛辞职信
2015/05/13 职场文书