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 相关文章推荐
jsTree 基于JQuery的排序节点 Bug
Jul 26 Javascript
基于JQuery的一句话搞定手风琴菜单
Sep 14 Javascript
基于jQuery实现的图片切换焦点图整理
Dec 07 Javascript
jQuery实现的文字hover颜色渐变效果实例
Feb 20 Javascript
js发送短信倒计时的简单实现方法
Sep 08 Javascript
ES6新特性之解构、参数、模块和记号用法示例
Apr 01 Javascript
3分钟掌握常用的JS操作JSON方法总结
Apr 25 Javascript
Vue如何实现组件的源码解析
Jun 08 Javascript
jQuery实现全选、反选和不选功能
Aug 16 jQuery
深入理解Vue2.x的虚拟DOM diff原理
Sep 27 Javascript
Javascript中从学习bind到实现bind的过程
Jan 05 Javascript
Jquery实现无缝向上循环滚动列表的特效
Feb 13 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判断是否有Get参数的方法
2014/05/05 PHP
基于PHP后台的Android新闻浏览客户端
2016/05/23 PHP
ThinkPHP3.2框架使用addAll()批量插入数据的方法
2017/03/16 PHP
PHP基于双向链表与排序操作实现的会员排名功能示例
2017/12/26 PHP
Extjs中TabPane如何嵌套在其他网页中实现思路及代码
2013/01/27 Javascript
一个简单的瀑布流效果(主体形式自写)
2013/05/27 Javascript
JS实现Fisheye效果动感放大菜单代码
2015/10/21 Javascript
详解javascript中的事件处理
2015/11/06 Javascript
AngularJs Javascript MVC 框架
2016/06/20 Javascript
request请求获取参数的实现方法(post和get两种方式)
2016/09/27 Javascript
JS如何设置iOS中微信浏览器的title
2016/11/22 Javascript
基于vue打包后字体和图片资源失效问题的解决方法
2018/03/06 Javascript
jQuery中each方法的使用详解
2018/03/18 jQuery
laydate如何根据开始时间或者结束时间限制范围
2018/11/15 Javascript
JavaScript多种图形实现代码实例
2020/06/28 Javascript
[01:15]PWL S2开团时刻第二期——他们杀 我就白给
2020/11/25 DOTA
python Django模板的使用方法(图文)
2013/11/04 Python
python中实现php的var_dump函数功能
2015/01/21 Python
Python MySQLdb模块连接操作mysql数据库实例
2015/04/08 Python
Python中django学习心得
2017/12/06 Python
读取json格式为DataFrame(可转为.csv)的实例讲解
2018/06/05 Python
数据清洗--DataFrame中的空值处理方法
2018/07/03 Python
Python使用一行代码获取上个月是几月
2018/08/30 Python
Python面向对象程序设计之私有属性及私有方法示例
2019/04/08 Python
python,Django实现的淘宝客登录功能示例
2019/06/12 Python
postman传递当前时间戳实例详解
2019/09/14 Python
详解python中eval函数的作用
2019/10/22 Python
python 实现图片裁剪小工具
2021/02/02 Python
详解css3 object-fit属性
2018/07/27 HTML / CSS
局火灾防控工作方案
2014/05/25 职场文书
小班上学期个人总结
2015/02/12 职场文书
毕业生个人自荐书
2015/03/05 职场文书
开学第一周总结
2015/07/16 职场文书
办公室卫生管理制度
2015/08/04 职场文书
如何用JS实现网页瀑布流布局
2021/04/24 Javascript
8个JS的reduce使用实例和reduce操作方式
2021/10/05 Javascript