js判断为空Null与字符串为空简写方法


Posted in Javascript onFebruary 24, 2014

最近突然发现自己写的JavaScript代码比较臃肿,所以开始研究JavaScript的简写方法。这样一来,可以让我们的JavaScript代码看起来比较清爽,同时也可以提高我们的技术。那么判断为空怎么简写呢?
下面就是有关判断为空的简写方法。
代码如下

if (variable1 !== null || variable1 !== undefined || variable1 !== '') { 
var variable2 = variable1; 
}

上面的意思是说如果variable1不是一个空对象,或者未定义,或者不等于空字符串,那么声明一个variable2变量,将variable1赋给variable2。也就是说如果variable1存在那么就将variable1的值赋给variable2,若不存在则为空字符串。如下面的简写代码。
简写代码:
代码如下
var variable2 = variable1 || '';

以下是不正确的方法:
代码如下
var exp = null; 
if (exp == null) 
{ 
alert("is null"); 
}

exp 为 undefined 时,也会得到与 null 相同的结果,虽然 null 和 undefined 不一样。注意:要同时判断 null 和 undefined 时可使用本法。
代码如下
var exp = null; 
if (!exp) 
{ 
alert("is null"); 
}

如果 exp 为 undefined,或数字零,或 false,也会得到与 null 相同的结果,虽然 null 和二者不一样。注意:要同时判断 null、undefined、数字零、false 时可使用本法。
代码如下
var exp = null; 
if (typeof exp == "null") 
{ 
alert("is null"); 
}

为了向下兼容,exp 为 null 时,typeof null 总返回 object,所以不能这样判断。
代码如下
var exp = null; 
if (isNull(exp)) 
{ 
alert("is null"); 
}

判断字符串是否为空
s 匹配任何空白字符,包括空格、制表符、换页符等等。等价于 [ fnrtv]。 很多情况下,都是用length来直接判断字符串是否为空,如下:
代码如下
var strings = ''; 
if (string.length == 0) 
{ 
alert('不能为空'); 
}

但如果用户输入的是空格,制表符,换页符呢?这样的话,也是不为空的,但是这样的数据就不是我们想要的吧。
其实可以用正则表达式来把这些“空”的符号去掉来判断的
代码如下
var strings = ' '; 
if (strings.replace(/(^s*)|(s*$)/g, "").length ==0) 
{ 
alert('不能为空'); 
}

s 小写的s是,匹配任何空白字符,包括空格、制表符、换页符等等。等价于 [ fnrtv]。
判断为空怎么简写,就为大家介绍到这里,希望上面的方法能对大家有所帮助。
Javascript 相关文章推荐
兼容Mozilla必须知道的知识。
Jan 09 Javascript
jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码
Jun 04 Javascript
JavaScript学习笔记之检测客户端类型是(引擎、浏览器、平台、操作系统、移动设备)
Dec 03 Javascript
JS随机洗牌算法之数组随机排序
Mar 23 Javascript
详解原生JavaScript实现jQuery中AJAX处理的方法
May 10 Javascript
简单的网页广告特效实例
Aug 19 Javascript
jQuery实现轮播图及其原理详解
Apr 12 jQuery
小程序图片长按识别功能的实现方法
Aug 30 Javascript
傻瓜式vuex语法糖kiss-vuex整理
Dec 21 Javascript
如何使用proxy实现一个简单完整的MVVM库的示例代码
Sep 17 Javascript
Node.js API详解之 vm模块用法实例分析
May 27 Javascript
利用JavaScript为句子加标题的3种方法示例
Jan 05 Javascript
JS清空多文本框、文本域示例代码
Feb 24 #Javascript
脚本合并提升javascript性能示例
Feb 24 #Javascript
动态加载脚本提升javascript性能
Feb 24 #Javascript
巧用局部变量提升javascript性能
Feb 24 #Javascript
javascript中的原型链深入理解
Feb 24 #Javascript
JSONP获取Twitter和Facebook文章数的具体步骤
Feb 24 #Javascript
动态加载js、css等文件跨iframe实现
Feb 24 #Javascript
You might like
PHP检测移动设备类mobile detection使用实例
2014/04/14 PHP
PHP列出MySQL中所有数据库的方法
2015/03/12 PHP
深入理解PHP中的Streams工具
2015/07/03 PHP
解读PHP的Yii框架中请求与响应的处理流程
2016/03/17 PHP
Thinkphp5.0框架视图view的模板布局用法分析
2019/10/12 PHP
基于JQuery的访问WebService的代码(可访问Java[Xfire])
2010/11/19 Javascript
js实现键盘控制DIV移动的方法
2015/01/10 Javascript
js+html5绘制图片到canvas的方法
2015/06/05 Javascript
jquery之别踩白块游戏的简单实现
2016/07/25 Javascript
JS实现搜索框文字可删除功能
2016/12/28 Javascript
jQuery基本选择器和层次选择器学习使用
2017/02/27 Javascript
jquery easyui dataGrid动态改变排序字段名的方法
2017/03/02 Javascript
JavaScript运动框架 多值运动(四)
2017/05/18 Javascript
NProgress显示顶部进度条效果及使用详解
2019/09/21 Javascript
Python实现信用卡系统(支持购物、转账、存取钱)
2016/06/24 Python
Pipenv一键搭建python虚拟环境的方法
2018/05/22 Python
使用CodeMirror实现Python3在线编辑器的示例代码
2019/01/14 Python
python提取log文件内容并画出图表
2019/07/08 Python
使用python去除图片白色像素的实例
2019/12/12 Python
基于Python-turtle库绘制路飞的草帽骷髅旗、美国队长的盾牌、高达的源码
2021/02/18 Python
咖啡为什么会有酸味?你喝到的咖啡為什麼是酸的?
2021/03/17 冲泡冲煮
HTML5 window/iframe跨域传递消息 API介绍
2013/08/26 HTML / CSS
深入浅析HTML5中的article和section的区别
2018/05/15 HTML / CSS
解决HTML5中滚动到底部的事件问题
2019/08/22 HTML / CSS
将SVG图引入到HTML页面的实现
2019/09/20 HTML / CSS
GUESS西班牙官方网上商城:美国服饰品牌
2017/03/15 全球购物
加利福尼亚州威尼斯的女性奢侈品设计师服装和概念店:Mona Moore
2018/09/13 全球购物
同程旅游英文网站:LY.com
2018/11/13 全球购物
英国Flybe航空官网:欧洲最大的独立支线廉价航空公司
2019/07/15 全球购物
化工专业应届生求职信
2013/11/08 职场文书
心理健康心得体会
2014/01/02 职场文书
函授药学自我鉴定
2014/02/07 职场文书
会计专业毕业自荐书范文
2014/02/08 职场文书
学生操行评语大全
2014/04/24 职场文书
给客户的感谢信
2015/01/21 职场文书
关于python中模块和重载的问题
2021/11/02 Python