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禁止小键盘输入数字功能代码
Aug 01 Javascript
Js 冒泡事件阻止实现代码
Jan 27 Javascript
javascript常见操作汇总
Sep 03 Javascript
JavaScript在Android的WebView中parseInt函数转换不正确问题解决方法
Apr 25 Javascript
Javascript实现的Map集合工具类完整实例
Jul 31 Javascript
浅谈Vue.js中的v-on(事件处理)
Sep 05 Javascript
vue.js todolist实现代码
Oct 29 Javascript
详解vue 计算属性与方法跟侦听器区别(面试考点)
Apr 23 Javascript
JS使用canvas中的measureText方法测量字体宽度示例
Feb 02 Javascript
使用vue打包进行云服务器上传的问题
Mar 02 Javascript
Vue ElementUI实现:限制输入框只能输入正整数的问题
Jul 31 Javascript
小程序实现密码输入框
Nov 16 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 保留小数点
2009/04/21 PHP
php 常用类整理
2009/12/23 PHP
php关闭warning问题的解决方法
2016/05/17 PHP
ThinkPHP中create()方法自动验证实例
2017/04/26 PHP
用javascript父窗口控制只弹出一个子窗口
2007/04/10 Javascript
js和jquery批量绑定事件传参数一(新猪猪原创)
2010/06/23 Javascript
jquery+ajax每秒向后台发送请求数据然后返回页面的代码
2011/01/17 Javascript
javascript中的void运算符语法及使用介绍
2013/03/10 Javascript
Angularjs使用directive自定义指令实现attribute继承的方法详解
2016/08/05 Javascript
switch语句的妙用(必看篇)
2016/10/03 Javascript
js print打印网页指定区域内容的简单实例
2016/11/01 Javascript
setTimeout学习小结
2017/02/08 Javascript
JavaScript数据结构学习之数组、栈与队列
2017/05/02 Javascript
js实时监控文本框输入字数的实例代码
2018/01/18 Javascript
微信小程序实现自定义modal弹窗封装的方法
2018/06/15 Javascript
vue js秒转天数小时分钟秒的实例代码
2018/08/08 Javascript
JavaScript&quot;模拟事件&quot;的注意要点详解
2019/02/13 Javascript
TypeScript的安装、使用、自动编译的实现
2020/04/10 Javascript
Python3 入门教程 简单但比较不错
2009/11/29 Python
基于Python_脚本CGI、特点、应用、开发环境(详解)
2017/05/23 Python
关于Python中浮点数精度处理的技巧总结
2017/08/10 Python
Windows下anaconda安装第三方包的方法小结(tensorflow、gensim为例)
2018/04/05 Python
sublime python3 输入换行不结束的方法
2018/04/19 Python
pandas.dataframe按行索引表达式选取方法
2018/10/30 Python
Python获取数据库数据并保存在excel表格中的方法
2019/06/12 Python
PYQT5实现控制台显示功能的方法
2019/06/25 Python
python实现最大优先队列
2019/08/29 Python
python中文分词库jieba使用方法详解
2020/02/11 Python
俄罗斯Sportmarket体育在线商店:用于旅游和户外活动
2019/11/12 全球购物
十佳大学生事迹材料
2014/01/29 职场文书
汤姆叔叔的小屋读书笔记
2015/06/30 职场文书
医疗纠纷调解协议书
2015/08/06 职场文书
小学教师教学随笔
2015/08/14 职场文书
python使用glob检索文件的操作
2021/05/20 Python
Python中的协程(Coroutine)操作模块(greenlet、gevent)
2022/05/30 Python
Android实现图片九宫格
2022/06/28 Java/Android