WEB编程的套路——简单好用的js函数(1)

js适用于页面前端的数据处理，一般页面进行数据处理的情形无非：输入判断、格式化显示、数值计算、字符串处理、输入内容校验、浏览器检测等。。

为了排版更为清晰，笔者会分期地分享这些简单好用的js函数。

本期内容：【获取对象类型】、【字符串去除首尾空格】、【输入判断】

后期有：【输入内容校验】、【浏览器检测】、【格式化显示】、【高精度数值计算】

获取对象类型

/**
 * 获取对象类型(字符串)
 */
FsUtil.getType=function(arg1) {
	
	return Object.prototype.toString.call(arg1).match(/^\[object\s(.*)\]$/)[1];
	
};

由于包含的字符与WEB编辑器存在冲突，附图如下：

字符串去除首尾空格

/**
 * 去除字符串首尾空格
 */
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,"");
};

这个不是函数直接调用，而是增加了字符串变量的3个方法。

用法：（1）引入该3个函数或者引入js文件；（2）字符串变量调用以上3个方法。

由于包含的字符与WEB编辑器存在冲突，附图如下：

输入判断：是否为空

/**
 * 变量是否为空
 * CASE1: 未定义
 * CASE2: 为null值
 * CASE3: 空字符串
 * CASE4: 空白字符串
*/
FsUtil.isEmpty = function(arg1) {
	return( (typeof(arg1) == "undefined") ||
			(arg1 == null) ||
			(arg1 == "") ||
			(arg1.trim() == "") );
};

/**
 * 变量是否未定义	已废弃：使用isEmpty替换
*/
FsUtil.isUndefined = function(arg1) {
	return(typeof(arg1)=="undefined");
};

/**
 * 变量是否为空	已废弃：使用isEmpty替换
 * CASE1: 未定义
 * CASE2: 为null值 
*/
FsUtil.isNull = function(arg1) {
	return( (typeof(arg1) == "undefined") ||
			(arg1 == null) );
};

其中即使用到了【trim()】函数。

结论

经验源于琢磨+积累，积累的套路：函数库 >> 工具包 >> 开发框架。