Rumah  >  Artikel  >  hujung hadapan web  >  JS如何扩展String.prototype.format字符串拼接功能

JS如何扩展String.prototype.format字符串拼接功能

小云云
小云云asal
2018-03-12 09:05:491643semak imbas

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中如何实现变量和字符串拼接

Atas ialah kandungan terperinci JS如何扩展String.prototype.format字符串拼接功能. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn