Javascript基础_简单比较undefined和null 值
Javascript基础_简单比较undefined和null 值
发布时间:2016-12-30 来源:查字典编辑
摘要:JavaScript中有两个特数值:undefined和null,在比较它们的时候需要留心。在读取未赋值的变量或试图读取对象没有的属性时得到...

JavaScript 中有两个特数值: undefined和null,在比较它们的时候需要留心。在读取未赋值的变量或试图读取对象没有的属性时得到的就是 undefined 值。

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Learn4UndefinedAndNull</title> </head> <body> <script> var myData = { name:"Luka", weather:"sunny" }; document.writeln("Prop: "+myData.doesntexits); </script> </body> </html>

输出结果:

Prop: undefined

Javascript 又定义了一个特殊值 null ,这个值与 undefined 略有不同。后者是在未定义值得情况下得到的值,而前者则用于表示已经赋了一个值但该值不是一个有效的 object、string、number 或 boolean 值(也就是说所定义的是一个无值[no value])。

下面代码先后使用 undefined 和 null 以展示其不同效果:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Learn4UndefinedAndNull</title> </head> <body> <script> var myData = { name:"Luka" }; //读取 weather 属性 document.writeln("Var: "+myData.weather+"<br />"); //判断对象是否具有 weather 这个属性 document.writeln("Prop: "+("weather" in myData)+"<br /><br />"); myData.weather = "sunny"; document.writeln("Var: "+myData.weather+"<br />"); document.writeln("Prop: "+("weather" in myData)+"<br /><br />"); myData.weather = null; document.writeln("Var: "+myData.weather+"<br />"); document.writeln("Prop: "+("weather" in myData)+"<br /><br />"); </script> </body> </html>

输出结果:

Var: undefined Prop: false Var: sunny Prop: true Var: null Prop: true

1. 检查变量或属性是否为undefined 或 null

如果想检查某属性是否为 null 或 undefined(不管是哪一个),那么只要使用 if 语句和逻辑非运算符(!)即可。

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Learn4UndefinedAndNull</title> </head> <body> <script> var myData = { name:"Luka", city:null }; if(!myData.name){ document.writeln("name is null or undefined <br /><br />"); }else { document.writeln("name is not null or undefined <br /><br />") } if(!myData.city){ document.writeln("city is null or undefined <br /><br />"); }else { document.writeln("city is not null or undefined <br /><br />") } if(!myData.weather){ document.writeln("weather is null or undefined <br /><br />"); }else { document.writeln("weather is not null or undefined <br /><br />") } </script> </body> </html>

输出结果:

name is not null or undefined city is null or undefined weather is null or undefined

2. 区分 null 和 undefined

在比较两个值时,所用办法应视需要而定。如果想同等对待 undefined值和null值,那么应该使用相等运算符(==),让 Javascript 进行类型转换。此时值为 undefined 的变量会被认为与值为 null 的变量相等。如果要区分 null 和 undefined,则应使用等同运算符(===)。

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Learn4UndefinedAndNull</title> </head> <body> <script> var firstVal = null; var secondVal; var equality = firstVal == secondVal; var identity = firstVal === secondVal; document.writeln("Equality: "+equality+" <br />"); document.writeln("Identity: "+identity+" <br />"); </script> </body> </html>

输出结果:

Equality: true Identity: false

以上这篇Javascript基础_简单比较undefined和null 值就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持查字典教程网。

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类