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 相关文章推荐
js 获取和设置css3 属性值的实现方法
May 06 Javascript
回车直接实现点击某按钮的效果即触发单击事件
Feb 27 Javascript
Highcharts学习之数据列
Aug 03 Javascript
jQuery实现用户输入自动完成功能
Feb 13 Javascript
vue-router:嵌套路由的使用方法
Feb 21 Javascript
JavaScript正则获取地址栏中参数的方法
Mar 02 Javascript
JQuery 选择器、DOM节点操作练习实例
Sep 28 jQuery
vue 表单输入格式化中文输入法异常问题
May 30 Javascript
vue实现引入本地json的方法分析
Jul 12 Javascript
Vue+Element UI+Lumen实现通用表格分页功能
Feb 02 Javascript
es6 super关键字的理解与应用实例分析
Feb 15 Javascript
如何解决jQuery 和其他JS库的冲突
Jun 22 jQuery
详解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下判断网址是否有效的代码
2011/10/08 PHP
PHP If Else(elsefi) 语句
2013/04/07 PHP
php验证是否是md5编码的简单代码
2014/04/01 PHP
PHP单例模式应用示例【多次连接数据库只实例化一次】
2018/12/18 PHP
MacOS下PHP7.1升级到PHP7.4.15的方法
2021/02/22 PHP
Jquery Ajax的Get方式时需要注意URL地方
2011/04/07 Javascript
passwordStrength 基于jquery的密码强度检测代码使用介绍
2011/10/08 Javascript
JS和Jquery获取和修改label的值的示例代码
2014/01/15 Javascript
JavaScript中for循环的使用详解
2015/06/03 Javascript
JavaScript电子时钟倒计时第二款
2016/01/10 Javascript
Ext JS动态加载JavaScript创建窗体的方法
2016/06/23 Javascript
JavaScript实现横线提示输入验证码随输入验证码输入消失的方法
2016/09/24 Javascript
JS简单验证上传文件类型的方法
2017/04/17 Javascript
Angular 2 ngForm中的ngModel、[ngModel]和[(ngModel)]的写法
2017/06/29 Javascript
JS中Object对象的原型概念基础
2018/01/29 Javascript
微信小程序实现单选选项卡切换效果
2020/06/19 Javascript
JQuery常见节点操作实例分析
2019/05/15 jQuery
将Vue组件库更换为按需加载的方法步骤
2020/05/06 Javascript
微信小程序基于高德地图API实现天气组件(动态效果)
2020/10/22 Javascript
记录一次websocket封装的过程
2020/11/23 Javascript
[03:48]DOTA2完美大师赛主赛事第二日精彩集锦
2017/11/24 DOTA
python发送邮件实例分享
2017/07/28 Python
python计算日期之间的放假日期
2018/06/05 Python
详解配置Django的Celery异步之路踩坑
2018/11/25 Python
Python字典遍历操作实例小结
2019/03/05 Python
python turtle库画一个方格和圆实例
2019/06/27 Python
Python如何使用paramiko模块连接linux
2020/03/18 Python
Python smtp邮件发送模块用法教程
2020/06/15 Python
Python变量格式化输出实现原理解析
2020/08/06 Python
英国标准协会商店:BSI Shop
2019/02/25 全球购物
有个性的自我评价范文
2013/11/15 职场文书
大学生求职工作的自我评价
2014/02/13 职场文书
房屋租赁合同协议书范本
2014/10/19 职场文书
导游词之蜀山胜景瓦屋山
2019/11/29 职场文书
如何使用pdb进行Python调试
2021/06/30 Python
python基础之函数的定义和调用
2021/10/24 Python