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动态获取当前时间,并写到特定的区域
May 03 Javascript
JS实现跟随鼠标闪烁转动色块的方法
Feb 26 Javascript
jquery+html5制作超酷的圆盘时钟表
Apr 14 Javascript
JavaScript中指定函数名称的相关方法
Jun 04 Javascript
JavaScript对HTML DOM使用EventListener进行操作
Oct 21 Javascript
jQuery与JS加载事件用法分析
Sep 04 Javascript
小程序开发实战:实现九宫格界面的导航的代码实现
Jan 19 Javascript
详解JavaScript对象的深浅复制
Mar 30 Javascript
jQuery层级选择器_动力节点节点Java学院整理
Jul 04 jQuery
vue2.0 如何把子组件的数据传给父组件(推荐)
Jan 15 Javascript
深入理解ES6中let和闭包
Feb 22 Javascript
快速解决layui弹窗按enter键不停弹窗的问题
Sep 18 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字符串分割函数explode的实例代码
2013/02/07 PHP
PHP内核探索:变量概述
2014/01/30 PHP
php将图片保存入mysql数据库失败的解决方法
2014/12/27 PHP
Yii2简单实现多语言配置的方法
2016/07/23 PHP
PHP实现打包zip并下载功能
2018/06/12 PHP
简单的JS多重继承示例
2008/03/13 Javascript
jquery 事件执行检测代码
2009/12/09 Javascript
在Ajax中使用Flash实现跨域数据读取的实现方法
2010/12/02 Javascript
jQuery数据显示插件整合实现代码
2011/10/24 Javascript
理解JSON:3分钟课程
2011/10/28 Javascript
Javascript实现的SHA-256加密算法完整实例
2016/02/02 Javascript
判断div滑动到底部的scroll实例代码
2017/11/15 Javascript
为jquery的ajax请求添加超时timeout时间的操作方法
2018/09/04 jQuery
详解微信小程序开发之formId使用(模板消息)
2019/08/27 Javascript
js 下拉菜单点击旁边收起实现(踩坑记)
2019/09/29 Javascript
Vue 实现html中根据类型显示内容
2019/10/28 Javascript
通过实例了解Javascript柯里化流程
2020/03/03 Javascript
基于Vue CSR的微前端实现方案实践
2020/05/27 Javascript
解决vue初始化项目一直停在downloading template的问题
2020/11/09 Javascript
对于Python编程中一些重用与缩减的建议
2015/04/14 Python
Python实现中文数字转换为阿拉伯数字的方法示例
2017/05/26 Python
windows下python之mysqldb模块安装方法
2017/09/07 Python
Python去除、替换字符串空格的处理方法
2018/04/01 Python
使用tensorflow实现矩阵分解方式
2020/02/07 Python
python代码如何注释
2020/06/01 Python
Python实现定时监测网站运行状态的示例代码
2020/09/30 Python
python-jwt用户认证食用教学的实现方法
2021/01/19 Python
python之openpyxl模块的安装和基本用法(excel管理)
2021/02/03 Python
利用CSS3实现折角效果实例源码
2016/09/28 HTML / CSS
台湾屈臣氏网路商店:Watsons台湾
2020/12/29 全球购物
物流专业求职信
2014/06/30 职场文书
Go语言切片前或中间插入项与内置copy()函数详解
2021/04/27 Golang
Win11任务栏太宽了怎么办?一招解决Win11任务栏太宽问题
2021/11/21 数码科技
Vue全局事件总线你了解吗
2022/02/24 Vue.js
Oracle数据库中通用的函数实例详解
2022/03/25 Oracle
python数字图像处理之对比度与亮度调整示例
2022/06/28 Python