Javascript基础教程之比较null和undefined值

2019-11-20 10:02:51

字体：大中小

来源：转载

供稿：网友

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

以上内容是小编给大家介绍的js基础教程之比较null和undefined值的相关知识，希望对大家有所帮助！

上一篇：论Bootstrap3和Foundation5网格系统的异同

下一篇：javascript对象的相关操作小结