JS扩展方法实例分析

本文实例讲述了JS扩展方法实现技巧。分享给大家供大家参考。具体分析如下:

JS扩展方法与C#的扩展方法非常相似,也是可以链式调用的,也是通过对某个类的扩展写法来实现。这个东西非常好用,如果将预先写好的方法放到一个js里面引用的话,那么后面写js将非常有趣。

下面给出一个例子:

<head>
  <title>测试JS扩展方法</title>
  <script type="text/javascript">
   // 合并多个空白为一个空白
   String.prototype.ResetBlank = function() { //对字符串扩展
   var regEx = /\s+/g;
   return this.replace(regEx, ' ');
   };
   window.onload = function()
   {
   var str = "你  在他想还好吗?";
   alert(str);
   str = str.ResetBlank(); //这样就能够调用了,跟C#的很像吧!
   alert(str);
   }
  </script>
</head>

好像只是告诉自己有这样一个东西而已;

下面给出找到的一个非常不错的js扩展:

// 清除两边的空格
String.prototype.trim = function() {
  return this.replace(/(^\s*)|(\s*$)/g, '');
};
// 合并多个空白为一个空白
String.prototype.ResetBlank = function() {
  var regEx = /\s+/g;
  return this.replace(regEx, ' ');
}; 

// 保留数字
String.prototype.GetNum = function() {
  var regEx = /[^\d]/g;
  return this.replace(regEx, '');
}; 

// 保留中文
String.prototype.GetCN = function() {
  var regEx = /[^\u4e00-\u9fa5\uf900-\ufa2d]/g;
  return this.replace(regEx, '');
}; 

// String转化为Number
String.prototype.ToInt = function() {
  return isNaN(parseInt(this)) ? this.toString() : parseInt(this);
}; 

// 得到字节长度
String.prototype.GetLen = function() {
  var regEx = /^[\u4e00-\u9fa5\uf900-\ufa2d]+$/;
  if (regEx.test(this)) {
   return this.length * 2;
  } else {
   var oMatches = this.match(/[\x00-\xff]/g);
   var oLength = this.length * 2 - oMatches.length;
   return oLength;
  }
}; 

// 获取文件全名
String.prototype.GetFileName = function() {
  var regEx = /^.*\/([^\/\?]*).*$/;
  return this.replace(regEx, '$1');
}; 

// 获取文件扩展名
String.prototype.GetExtensionName = function() {
  var regEx = /^.*\/[^\/]*(\.[^\.\?]*).*$/;
  return this.replace(regEx, '$1');
}; 

//替换所有
String.prototype.replaceAll = function(reallyDo, replaceWith, ignoreCase)
{
  if (!RegExp.prototype.isPrototypeOf(reallyDo)) {
   return this.replace(new RegExp(reallyDo, (ignoreCase ? "gi" : "g")), replaceWith);
  } else {
   return this.replace(reallyDo, replaceWith);
  }
};
//格式化字符串 add By 刘景宁 2010-12-09
String.Format = function() {
  if (arguments.length == 0) {
   return '';
  } 

  if (arguments.length == 1) {
   return arguments[0];
  } 

  var reg = /{(\d+)?}/g;
  var args = arguments;
  var result = arguments[0].replace(reg, function($0, $1) {
   return args[parseInt($1) + 1];
  });
  return result;
}; 

// 数字补零
Number.prototype.LenWithZero = function(oCount) {
  var strText = this.toString();
  while (strText.length < oCount) {
   strText = '0' + strText;
  }
  return strText;
}; 

// Unicode还原
Number.prototype.ChrW = function() {
  return String.fromCharCode(this);
}; 

// 数字数组由小到大排序
Array.prototype.Min2Max = function() {
  var oValue;
  for (var i = 0; i < this.length; i++) {
   for (var j = 0; j <= i; j++) {
   if (this[i] < this[j]) {
    oValue = this[i];
    this[i] = this[j];
    this[j] = oValue;
   }
   }
  }
  return this;
}; 

// 数字数组由大到小排序
Array.prototype.Max2Min = function() {
  var oValue;
  for (var i = 0; i < this.length; i++) {
   for (var j = 0; j <= i; j++) {
   if (this[i] > this[j]) {
    oValue = this[i];
    this[i] = this[j];
    this[j] = oValue;
   }
   }
  }
  return this;
}; 

// 获得数字数组中最大项
Array.prototype.GetMax = function() {
  var oValue = 0;
  for (var i = 0; i < this.length; i++) {
   if (this[i] > oValue) {
   oValue = this[i];
   }
  }
  return oValue;
}; 

// 获得数字数组中最小项
Array.prototype.GetMin = function() {
  var oValue = 0;
  for (var i = 0; i < this.length; i++) {
   if (this[i] < oValue) {
   oValue = this[i];
   }
  }
  return oValue;
}; 

// 获取当前时间的中文形式
Date.prototype.GetCNDate = function() {
  var oDateText = '';
  oDateText += this.getFullYear().LenWithZero(4) + new Number(24180).ChrW();
  oDateText += this.getMonth().LenWithZero(2) + new Number(26376).ChrW();
  oDateText += this.getDate().LenWithZero(2) + new Number(26085).ChrW();
  oDateText += this.getHours().LenWithZero(2) + new Number(26102).ChrW();
  oDateText += this.getMinutes().LenWithZero(2) + new Number(20998).ChrW();
  oDateText += this.getSeconds().LenWithZero(2) + new Number(31186).ChrW();
  oDateText += new Number(32).ChrW() + new Number(32).ChrW() + new Number(26143).ChrW() + new Number(26399).ChrW() + new String('26085199682010819977222352011620845').substr(this.getDay() * 5, 5).ToInt().ChrW();
  return oDateText;
};
//扩展Date格式化
Date.prototype.Format = function(format) {
  var o = {
   "M+": this.getMonth() + 1, //月份
   "d+": this.getDate(), //日
   "h+": this.getHours() % 12 == 0 ? 12 : this.getHours() % 12, //小时
   "H+": this.getHours(), //小时
   "m+": this.getMinutes(), //分
   "s+": this.getSeconds(), //秒
   "q+": Math.floor((this.getMonth() + 3) / 3), //季度
   "S": this.getMilliseconds() //毫秒
  };
  var week = {
   "0": "\u65e5",
   "1": "\u4e00",
   "2": "\u4e8c",
   "3": "\u4e09",
   "4": "\u56db",
   "5": "\u4e94",
   "6": "\u516d"
  };
  if (/(y+)/.test(format)) {
   format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
  }
  if (/(E+)/.test(format)) {
   format = format.replace(RegExp.$1, ((RegExp.$1.length > 1) ? (RegExp.$1.length > 2 ? "\u661f\u671f" : "\u5468") : "") + week[this.getDay() + ""]);
  }
  for (var k in o) {
   if (new RegExp("(" + k + ")").test(format)) {
   format = format.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
   }
  }
  return format;
}
Date.prototype.Diff = function(interval, objDate) {
  //若参数不足或 objDate 不是日期类型則回传 undefined
  if (arguments.length < 2 || objDate.constructor != Date) { return undefined; }
  switch (interval) {
   //计算秒差
   case 's': return parseInt((objDate - this) / 1000);
   //计算分差
   case 'n': return parseInt((objDate - this) / 60000);
   //计算時差
   case 'h': return parseInt((objDate - this) / 3600000);
   //计算日差
   case 'd': return parseInt((objDate - this) / 86400000);
   //计算周差
   case 'w': return parseInt((objDate - this) / (86400000 * 7));
   //计算月差
   case 'm': return (objDate.getMonth() + 1) + ((objDate.getFullYear() - this.getFullYear()) * 12) - (this.getMonth() + 1);
   //计算年差
   case 'y': return objDate.getFullYear() - this.getFullYear();
   //输入有误
   default: return undefined;
  }
}; 

//检测是否为空
Object.prototype.IsNullOrEmpty = function() {
var obj = this;
var flag = false;
if (obj == null || obj == undefined || typeof (obj) == 'undefined' || obj == '') {
   flag = true;
} else if (typeof (obj) == 'string') {
   obj = obj.trim();
   if (obj == '') {//为空
   flag = true;
   } else {//不为空
   obj = obj.toUpperCase();
   if (obj == 'NULL' || obj == 'UNDEFINED' || obj == '{}') {
    flag = true;
   }
   }
}
else {
   flag = false;
}
return flag;

希望本文所述对大家的javascript程序设计有所帮助。

(0)

相关推荐

  • JS字符串函数扩展代码

    复制代码 代码如下: /**************************************************** *CreateBy:joe zhou *CreateDate:2011-9-4 *Description:字符串辅助函数 ****************************************************/ //String.prototype = { // caption: function () { // }, // leftPad: fun

  • js数组方法扩展实现数组统计函数

    复制代码 代码如下: /*****************************************************CreateBy:joe zhou*Description:数组统计函数****************************************************/$.extend({    max: function (arr) {        return cacl(arr, function (item, max) {            if

  • 扩展方法ToJSON() and ParseJSON()

    使用例子:  复制代码 代码如下: protected void Page_Load(object sender, EventArgs e)       {           Person p = new Person           {               Name = "wuchang",               Email = "wuchangx@qq.com",               LastActive = DateTime.Now

  • Js-$.extend扩展方法使方法参数更灵活

    在做JS开发时,我们将第三方复杂的插件进行封装,然后对外公开一个很简单的方法接口,这是开发时常用的方法,在JS里,我们的方法参数通常使用JQ的$.extend 扩展方法来实现 复制代码 代码如下: function extend(arr) { arr = $.extend({ name: 'zzl', sex: 'male', age: 31 }, arr || {}); alert("[Name:]" + arr.name + "[Sex:]" + arr.sex

  • 扩展js对象数组的OrderByAsc和OrderByDesc方法实现思路

    看了一段时间关于js原型的知识,js的扩展方法是基于原型的,如Array.prototype.XXXX就是给Array扩展XXX方法,然后数组都能使用这个方法了. 在对象数组里面经常有根据属性来进行排序的,升序,降序的,于是自己就想写一个类似于C#里面的orderBy的方法,代码如下: 复制代码 代码如下: Array.prototype.OrderByAsc = function (func) { var m = {}; for (var i = 0; i < this.length; i++

  • js Array对象的扩展函数代码

    使用 复制代码 代码如下: <script language=javascript>var isNumeric = function(x) {   // returns true if x is numeric and false if it is not.   var RegExp = /^(-)?(\d*)(\.?)(\d*)$/;    return String(x).match(RegExp);}var myArray = [1,'two',3,'four',5,'six',7,'e

  • 编写js扩展方法判断一个数组中是否包含某个元素

    在C#语法中判断集合是否包含某个元素可以使用Contains方法,但是类似的问题在javascript中要怎么处理呢,js中没有Contains方法. 我们可以利用js的原型扩展来封装一个我们自己的Contains方法. js代码: 复制代码 代码如下: <script type="text/javascript"> $(function () { Array.prototype.contains = function (element) { //利用Array的原型pro

  • JS扩展方法实例分析

    本文实例讲述了JS扩展方法实现技巧.分享给大家供大家参考.具体分析如下: JS扩展方法与C#的扩展方法非常相似,也是可以链式调用的,也是通过对某个类的扩展写法来实现.这个东西非常好用,如果将预先写好的方法放到一个js里面引用的话,那么后面写js将非常有趣. 下面给出一个例子: <head> <title>测试JS扩展方法</title> <script type="text/javascript"> // 合并多个空白为一个空白 Stri

  • JS数组排序方法实例分析

    本文实例讲述了JS数组排序方法.分享给大家供大家参考,具体如下: 方法一.冒泡排序 思路:依次比较数组中的第一个元素和第二个元素,如果第一个元素大于第二个元素,则交换位置,所以需要两个函数:交换位置函数和比较函数 比较轮数为数组长度 var arr=[2,58,49,26,34]; function change(f,s){ var temp=arr[f]; arr[f]=arr[s]; arr[s]=temp; } for(var i=0;i<arr.length;i++){ for(var

  • C#扩展方法实例分析

    本文实例讲述了C#扩展方法.分享给大家供大家参考,具体如下: 扩展方法 扩展方法使您能够向现有类型"添加"方法,而无需创建新的派生类型.重新编译或以其他方式修改原始类型.扩展方法是一种特殊的静态方法,但可以像扩展类型上的实例方法一样进行调用.对于用 C# 和 Visual Basic 编写的客户端代码,调用扩展方法与调用在类型中实际定义的方法之间没有明显的差异. 如果我们有这么一个需求,将一个字符串的第一个字符转化为大写,第二个字符到第n个字符转化为小写,其他的不变,那么我们该如何实现

  • JS瀑布流实现方法实例分析

    本文实例分析了JS瀑布流实现方法.分享给大家供大家参考,具体如下: 描述: 1.每个图片宽度都一样,高度不一样 思路: 1.算出一共有几列(通过视窗总宽度/单个图片宽度得出) 2.根据一共几列*单个图片宽度,设置外围总宽度并水平居中(注:这个宽度应该是计算出来的,而不是定死,因为窗口大小会改变) 3.将第一行图片高度按顺序填充进数组 4.算出第一行图片里高度最短的那个,将第二行的第一张图片添加到其后(绝对定位),添加完第二行第一张,更新他的高度,然后重新计算最短,再开始之前的过程 5.鼠标在滑动

  • JS两种类型的表单提交方法实例分析

    本文实例分析了JS两种类型的表单提交方法.分享给大家供大家参考,具体如下: 1.原始的 <form method="post" action="/student/stureg/add" id="form1" onsubmit="return subForm();"> <button type="submit" class="button red" style="

  • JS继承用法实例分析

    本文实例分析了JS继承的用法.分享给大家供大家参考.具体分析如下: 继承 : 子类不影响父类,子类可以继承父类的一些功能 ( 代码复用 ) 属性的继承 : 调用父类的构造函数 call 方法的继承 : for in :  拷贝继承 (jquery也是采用拷贝继承extend) 1. 拷贝继承 function Person (name){ this.name = name; } Person.prototype.showName =function (){ alert(this.name); }

  • php中Y2K38的漏洞解决方法实例分析

    本文实例分析了php中Y2K38漏洞的解决方法.分享给大家供大家参考.具体分析如下: Y2K38,又称 Unix Millennium Bug, 此漏洞将会影响到所有 32 位系统下用 UNIX 时间戳整数来记录时间的 PHP,及其它编程语言. 一个整型的变量所能保存的最大时间为 2038 年 1 月 19 日 03:14:07.超过这个时间后,整型数值将会溢出. 从 1970 年 01 月 01 日开始,到世界标准时 2038 年 01 月 19 日星期二凌晨 03:14:07 超过 2^31

  • JavaScript通过function定义对象并给对象添加toString()方法实例分析

    本文实例分析了JavaScript通过function定义对象并给对象添加toString()方法.分享给大家供大家参考.具体分析如下: 下面的JS代码通过function定义了一个movie对象,在movie对象内定义了一个toString方法,toString方法通过外部函数实现. <script type="text/javascript"> function movieToString() { return("title: "+this.titl

  • ThinkPHP防止重复提交表单的方法实例分析

    本文实例总结分析了ThinkPHP防止重复提交表单的方法.分享给大家供大家参考,具体如下: 为什么会有表单重复的坑 在开发中,如果一个新增或修改的表单,在后台完成数据库操作后我们设定的不是跳转到其他页面,还是返回本页面,这时点击浏览器的后退再提交或刷新页面,会导致form表单重复提交,即这条记录会被增加或修改两次. 导致表单重复提交的原因是:第一次提交的表单会被缓存到内存中,直到页面下次提交或页面关闭或转向其他页面时才消失.在自调用返回时,内存中的数据依然在,这时页面中的判断提交的代码依然可以检

  • vue组件之间数据传递的方法实例分析

    本文实例分析了vue组件之间数据传递的方法.分享给大家供大家参考,具体如下: 1.props:父组件 -->传值到子组件 app.vue是父组件 ,其它组件是子组件,把父组件值传递给子组件需要使用 =>props 在父组件(App.vue)定义一个属性(变量)sexVal = '男'  把该值传递给 子组件(B.vue),如下: App.vue <template> <div id="app"> <!--<router-view>&

随机推荐