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 中document.URL 和 windows.location.href 的区别
Nov 11 Javascript
onsubmit阻止form表单提交与onclick的相关操作
Sep 03 Javascript
js实现仿Windows风格选项卡和按钮效果实例
May 13 Javascript
基于JS实现的倒计时程序实例
Jul 24 Javascript
你有必要知道的25个JavaScript面试题
Dec 29 Javascript
Bootstrap入门书籍之(五)导航条、分页导航
Feb 17 Javascript
D3.js实现散点图和气泡图的方法详解
Sep 21 Javascript
微信小程序开发之实现选项卡(窗口顶部TabBar)页面切换
Nov 25 Javascript
轻松玩转BootstrapTable(后端使用SpringMVC+Hibernate)
Sep 06 Javascript
原生JS上传大文件显示进度条 php上传文件代码
Mar 27 Javascript
Vue cli+mui 区域滚动的实例代码
Jan 25 Javascript
jQuery实现的页面弹幕效果【测试可用】
Aug 17 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实现分页的一个示例
2006/10/09 PHP
简化php模板页面中分页代码的解析
2009/02/06 PHP
php5 apache 2.2 webservice 创建与配置(java)
2011/01/27 PHP
PHP将session信息存储到数据库的类实例
2015/03/04 PHP
PHP限制HTML内容中图片必须是本站的方法
2015/06/16 PHP
PHP进阶学习之命名空间基本用法分析
2019/06/18 PHP
avascript中的自执行匿名函数应用示例
2014/09/15 Javascript
AngularJS学习笔记之TodoMVC的分析
2015/02/22 Javascript
JavaScript使用指针操作实现约瑟夫问题实例
2015/04/07 Javascript
基于代数方程库Algebra.js解二元一次方程功能示例
2017/06/09 Javascript
KOA+egg.js集成kafka消息队列的示例
2018/11/09 Javascript
Vue.js中的extend绑定节点并显示的方法
2019/06/20 Javascript
javascript数组元素删除方法delete和splice解析
2019/12/09 Javascript
vuex入门最详细整理
2020/03/04 Javascript
[40:17]2018DOTA2亚洲邀请赛 4.5 淘汰赛 LGD vs Liquid 第一场
2018/04/06 DOTA
python计数排序和基数排序算法实例
2014/04/25 Python
Python安装Numpy和matplotlib的方法(推荐)
2017/11/02 Python
Python Web程序搭建简单的Web服务器
2019/07/31 Python
python 接口实现 供第三方调用的例子
2019/08/13 Python
numpy实现神经网络反向传播算法的步骤
2019/12/24 Python
在主流系统之上安装Pygame的方法
2020/05/20 Python
python3.8动态人脸识别的实现示例
2020/09/21 Python
Django-silk性能测试工具安装及使用解析
2020/11/28 Python
pycharm实现猜数游戏
2020/12/07 Python
5分钟弄清楚html5的drag and drop(小结)
2019/04/10 HTML / CSS
NFL欧洲商店(德国):NFL Europe Shop DE
2018/11/03 全球购物
荷兰在线钓鱼商店:Raven
2019/06/26 全球购物
师范应届生语文教师求职信
2013/10/29 职场文书
应届生财务会计求职信
2013/11/05 职场文书
经理管理专业自荐信范文
2013/12/31 职场文书
项目考察欢迎辞
2014/01/17 职场文书
工程类专业自荐信范文
2014/03/09 职场文书
党的群众路线教育实践活动个人整改措施范文
2014/11/04 职场文书
销售开票员岗位职责
2015/04/15 职场文书
从np.random.normal()到正态分布的拟合操作
2021/06/02 Python
java中如何截取字符串最后一位
2022/07/07 Java/Android