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 实现无缝滚动 兼容IE和FF
Jul 15 Javascript
JavaScript代码复用模式实例分析
Dec 02 Javascript
JavaScript静态类型检查工具FLOW简介
Jan 06 Javascript
嵌入式iframe子页面与父页面js通信的方法
Jan 20 Javascript
JS动态添加Table的TR,TD实现方法
Jan 28 Javascript
jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享
Aug 20 Javascript
在页面中输出当前客户端时间javascript实例代码
Mar 02 Javascript
详解原生JavaScript实现jQuery中AJAX处理的方法
May 10 Javascript
jQuery DateTimePicker 日期和时间插件示例
Jan 22 Javascript
vue loadmore 组件滑动加载更多源码解析
Jul 19 Javascript
javaScript实现鼠标在文字上悬浮时弹出悬浮层效果
Apr 12 Javascript
webpack手动配置React开发环境的步骤
Jul 02 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 zlib压缩和解压缩swf文件的代码
2008/12/30 PHP
PHP运行出现Notice : Use of undefined constant 的完美解决方案分享
2012/03/05 PHP
PHP中trim()函数简单使用指南
2015/04/16 PHP
一个简单的网站访问JS计数器 刷新1次加1次访问
2012/09/20 Javascript
JS删除字符串中重复字符方法
2014/03/09 Javascript
jquery实现一个简单好用的弹出框
2014/09/26 Javascript
使用javascript实现json数据以csv格式下载
2015/01/09 Javascript
Nodejs为什么选择javascript为载体语言
2015/01/13 NodeJs
jQuery插件实现控制网页元素动态居中显示
2015/03/24 Javascript
jquery读取xml文件实现省市县三级联动的方法
2015/05/29 Javascript
使用AngularJS处理单选框和复选框的简单方法
2015/06/19 Javascript
HTML5之WebSocket入门3 -通信模型socket.io
2015/08/21 Javascript
PHP+MySQL+jQuery随意拖动层并即时保存拖动位置实例讲解
2015/10/09 Javascript
你所未知的3种Node.js代码优化方式
2016/02/25 Javascript
浅谈webpack4.x 入门(一篇足矣)
2018/09/05 Javascript
vue.js实现备忘录demo
2019/06/26 Javascript
解决Vue中 父子传值 数据丢失问题
2019/08/27 Javascript
VUE:vuex 用户登录信息的数据写入与获取方式
2019/11/11 Javascript
OpenLayer3自定义测量控件MeasureTool
2020/09/28 Javascript
[49:21]2018DOTA2亚洲邀请赛3月30日 小组赛B组 Effect VS iG
2018/03/31 DOTA
使用Python的Tornado框架实现一个简单的WebQQ机器人
2015/04/24 Python
pytorch构建网络模型的4种方法
2018/04/13 Python
python中datetime模块中strftime/strptime函数的使用
2018/07/03 Python
python Django 创建应用过程图示详解
2019/07/29 Python
pytorch下大型数据集(大型图片)的导入方式
2020/01/08 Python
解决pycharm中的run和debug失效无法点击运行
2020/06/09 Python
Python文件夹批处理操作代码实例
2020/07/21 Python
css3过渡_动力节点Java学院整理
2017/07/11 HTML / CSS
家长会学生家长演讲稿
2013/12/29 职场文书
房地产项目策划书
2014/02/05 职场文书
幼儿园评语大全
2014/04/17 职场文书
演讲稿的格式及范文
2014/08/22 职场文书
研究生就业推荐表导师评语
2014/12/31 职场文书
2015年项目经理工作总结
2015/04/30 职场文书
民警忠诚教育心得体会
2016/01/23 职场文书
python 离散点图画法的实现
2022/04/01 Python