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 相关文章推荐
html数组字符串拼接的最快方法
Sep 16 Javascript
javascript入门基础之私有变量
Feb 23 Javascript
Javascript Jquery 遍历Json的实现代码
Mar 31 Javascript
用js实现的模拟jquery的animate自定义动画(2.5K)
Jul 20 Javascript
Js 弹出框口并返回值的两种常用方法
Dec 30 Javascript
js判断是否为数组的函数: isArray()
Oct 30 Javascript
如何让easyui gridview 宽度自适应窗口改变及fitColumns应用
Jan 25 Javascript
莱鸟介绍javascript onclick事件
Jan 06 Javascript
javascript返回顶部的按钮实现方法
Jan 09 Javascript
使用递归遍历对象获得value值的实现方法
Jun 14 Javascript
bootstrap选项卡扩展功能详解
Jun 14 Javascript
javascript异步编程的六种方式总结
May 17 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中使用unset销毁变量并内存释放问题
2012/07/05 PHP
对PHP语言认识上需要避免的10大误区
2014/06/12 PHP
php计算整个目录大小的方法
2015/06/01 PHP
Yii核心验证器api详解
2016/11/23 PHP
jQuery 页面 Mask实现代码
2010/01/09 Javascript
jQuery中toggle()函数的使用实例
2015/04/17 Javascript
使用AOP改善javascript代码
2015/05/01 Javascript
jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享
2015/08/20 Javascript
移动端触屏幻灯片图片切换插件idangerous swiper.js
2017/04/10 Javascript
基于hover的用法实例(推荐)
2017/07/04 Javascript
node.js中axios使用心得总结
2017/11/29 Javascript
对angular2中的ngfor和ngif指令嵌套实例讲解
2018/09/12 Javascript
vue中如何实现后台管理系统的权限控制的方法步骤
2019/09/05 Javascript
解决vue cli使用typescript后打包巨慢的问题
2019/09/30 Javascript
JS倒计时两种实现方式代码实例
2020/07/27 Javascript
vue点击Dashboard不同内容 跳转到同一表格的实例
2020/11/13 Javascript
详解Vue2的diff算法
2021/01/06 Vue.js
[03:55]显微镜下的DOTA2特别篇——430灰烬之灵神级操作
2014/06/24 DOTA
对python Tkinter Text的用法详解
2018/10/11 Python
python 定时器,实现每天凌晨3点执行的方法
2019/02/20 Python
画pytorch模型图,以及参数计算的方法
2019/08/17 Python
解决python多行注释引发缩进错误的问题
2019/08/23 Python
使用HTML和CSS实现的标签云效果(附demo)
2021/02/03 HTML / CSS
One.com挪威:北欧成长最快的网络托管公司
2016/11/19 全球购物
小学生新学期寄语
2014/01/19 职场文书
校运动会广播稿300字
2014/10/07 职场文书
办公室岗位职责
2015/02/04 职场文书
2015大学自主招生自荐信范文
2015/03/04 职场文书
小学语文教师研修日志
2015/11/13 职场文书
基于python的matplotlib制作双Y轴图
2021/04/20 Python
如何解决springcloud feign 首次调用100%失败的问题
2021/06/23 Java/Android
python代码实现备忘录案例讲解
2021/07/26 Python
Nginx中使用Lua脚本与图片的缩略图处理的实现
2022/03/18 Servers
PostgreSQL 插入INSERT、删除DELETE、更新UPDATE、事务transaction
2022/04/12 PostgreSQL
V Rising 服务器搭建图文教程
2022/06/16 Servers
win10滚动条自动往上跑怎么办?win10滚动条自动往上跑的解决方法
2022/08/05 数码科技