Home  >  Article  >  Web Front-end  >  How JS extends String.prototype.format string splicing function

How JS extends String.prototype.format string splicing function

小云云
小云云Original
2018-03-12 09:05:491685browse

1、有关概念理解:String.prototype 属性表示 String原型对象。所有 String 的实例都继承自 String.prototype. 任何String.prototype上的改变都会影响到所有的 String 实例。本文主要和大家介绍了JS扩展String.prototype.format字符串拼接的功能,需要的朋友可以参考下,希望能帮助到大家。

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 = &#39;我的{0}是{1}&#39;;
var result = test.format(&#39;id&#39;,&#39;城市之光&#39;);
//方式2
var test = &#39;我的{name1}是{name2}&#39;;
var result = test.format({name1:&#39;id&#39;,name2:&#39;城市之光&#39;});

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 = $(&#39;#id&#39;).val().trim();

相关推荐:

Python字符串拼接方法总结

字符串拼接和分割的基本方法

vue中如何实现变量和字符串拼接

The above is the detailed content of How JS extends String.prototype.format string splicing function. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn