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 相关文章推荐
Google 静态地图API实现代码
Nov 19 Javascript
用原生JavaScript实现jQuery的$.getJSON的解决方法
May 03 Javascript
jcrop基本参数一览
Jul 16 Javascript
JS 实现导航栏悬停效果
Sep 23 Javascript
探讨JQUERY JSON的反序列化类 using问题的解决方法
Dec 19 Javascript
JavaScript中的document.referrer在各种浏览器测试结果
Jul 18 Javascript
js监控IE火狐浏览器关闭、刷新、回退、前进事件
Jul 23 Javascript
js实现无限级树形导航列表效果代码
Sep 23 Javascript
jQuery实现点击水纹波动动画
Apr 10 Javascript
VueRouter导航守卫用法详解
Dec 25 Javascript
JavaScript ES2019中的8个新特性详解
Feb 20 Javascript
electron 安装,调试,打包的具体使用
Nov 06 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 checkbox复选框值的获取与checkbox默认值输出方法
2010/05/15 PHP
PHP编程之设置apache虚拟目录
2016/07/08 PHP
PHP实现上一篇下一篇的方法实例总结
2016/09/22 PHP
PHP递归遍历指定文件夹内的文件实现方法
2016/11/15 PHP
php curl获取到json对象并转成数组array的方法
2018/05/31 PHP
Javascript中Eval函数的使用说明
2008/10/11 Javascript
常用简易JavaScript函数
2009/04/09 Javascript
用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)
2012/06/22 Javascript
利用函数的惰性载入提高javascript代码执行效率
2014/05/05 Javascript
JS实现无限级网页折叠菜单(类似树形菜单)效果代码
2015/09/17 Javascript
javascript轮播图算法
2016/10/21 Javascript
谈谈JavaScript中浏览器兼容问题的写法小议
2016/12/17 Javascript
浅谈js中用$(#ID)来作为选择器的问题(id重复的时候)
2017/02/14 Javascript
js判断是否是手机页面
2017/03/17 Javascript
微信小程序修改swiper默认指示器样式的实例代码
2018/07/18 Javascript
在Vue中使用axios请求拦截的实现方法
2018/10/25 Javascript
微信小程序冒泡事件及其阻止方法实例分析
2018/12/06 Javascript
angularjs请求数据的方法示例
2019/08/06 Javascript
nodejs处理tcp连接的核心流程
2021/02/26 NodeJs
Python2.7读取PDF文件的方法示例
2017/07/13 Python
Python实现定时精度可调节的定时器
2018/04/15 Python
python使用paramiko模块通过ssh2协议对交换机进行配置的方法
2019/07/25 Python
SKECHERS斯凯奇中国官网:来自美国的运动休闲品牌
2018/11/14 全球购物
戴森香港官方网站:Dyson香港
2021/02/11 全球购物
入党自我鉴定范文
2013/10/04 职场文书
大学生怎样进行自我评价
2013/12/07 职场文书
教师年度考核自我鉴定
2014/01/19 职场文书
平安建设实施方案
2014/03/19 职场文书
2014年街道办事处工作总结
2014/12/11 职场文书
我的中国梦主题班会
2015/08/14 职场文书
导游词之丹东鸭绿江
2019/10/24 职场文书
为什么不建议在go项目中使用init()
2021/04/12 Golang
解决Golang time.Parse和time.Format的时区问题
2021/04/29 Golang
pytorch 一行代码查看网络参数总量的实现
2021/05/12 Python
利用Pycharm连接服务器的全过程记录
2021/07/01 Python
对讲机知识
2022/04/07 无线电