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 相关文章推荐
原型方法的不同写法居然会影响调试的解决方法
Mar 08 Javascript
js树形控件脚本代码
Jul 24 Javascript
JS实现字体选色板实例代码
Nov 20 Javascript
使用js实现的简单拖拽效果
Mar 18 Javascript
Grunt入门教程(自动任务运行器)
Aug 06 Javascript
bootstrap table实现单击单元格可编辑功能
Mar 28 Javascript
node基于puppeteer模拟登录抓取页面的实现
May 09 Javascript
vue 监听屏幕高度的实例
Sep 05 Javascript
微信小程序textarea层级过高的解决方法
Mar 04 Javascript
React组件对子组件children进行加强的方法
Jun 23 Javascript
微信小程序用户授权、位置授权及获取微信绑定手机号
Jul 18 Javascript
vue制作toast组件npm包示例代码
Oct 29 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
CI(CodeIgniter)模型用法实例分析
2016/01/20 PHP
Android AsyncTack 异步任务实例详解
2016/11/02 PHP
基于php中echo用逗号和用点号的区别详解
2018/01/23 PHP
PHP经典设计模式之依赖注入定义与用法详解
2019/05/21 PHP
详解使用php-cs-fixer格式化代码
2020/09/16 PHP
jQuery 扩展对input的一些操作方法
2009/10/30 Javascript
浅析JQuery UI Dialog的样式设置问题
2013/12/18 Javascript
完美兼容IE,chrome,ff的设为首页、加入收藏及保存到桌面js代码
2014/12/17 Javascript
jQuery结合AJAX之在页面滚动时从服务器加载数据
2015/06/30 Javascript
JS获取下拉框显示值和判断单选按钮的方法
2015/07/09 Javascript
浅析AngularJS中的指令
2016/03/20 Javascript
Bootstrap表单Form全面解析
2016/06/13 Javascript
常用的javascript设计模式
2017/01/11 Javascript
vue技术分享之你可能不知道的7个秘密
2018/04/09 Javascript
JS实现移动端触屏拖拽功能
2018/07/31 Javascript
Typescript3.9 常用新特性一览(推荐)
2020/05/14 Javascript
基于aotu.js实现微信自动添加通讯录中的联系人功能
2020/05/28 Javascript
javascript实现评分功能
2020/06/24 Javascript
微信小程序自定义tabBar的踩坑实践记录
2020/11/06 Javascript
echarts饼图各个板块之间的空隙如何实现
2020/12/01 Javascript
javascript实现简单留言板案例
2021/02/09 Javascript
[07:40]DOTA2每周TOP10 精彩击杀集锦vol.4
2014/06/25 DOTA
[06:01]刀塔次级联赛top10第一期
2014/11/07 DOTA
[01:02:20]Mineski vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
基于Python对数据shape的常见操作详解
2018/12/25 Python
通过cmd进入python的实例操作
2019/06/26 Python
Python3爬虫带上cookie的实例代码
2020/07/28 Python
Python 使用xlwt模块将多行多列数据循环写入excel文档的操作
2020/11/10 Python
英国和国际包裹递送:ParcelCompare
2019/08/26 全球购物
行政助理工作职责范本
2014/03/04 职场文书
报关员个人职业生涯规划书
2014/03/12 职场文书
幼儿园爱国卫生月活动总结
2014/06/30 职场文书
群众路线教育实践活动个人对照检查材料
2014/09/22 职场文书
七年级上册语文教学计划
2015/01/22 职场文书
导游词之青岛太清宫
2019/12/13 职场文书
《和时间赛跑》读后感3篇
2019/12/16 职场文书