快捷導(dǎo)航

Javascript基礎(chǔ)教程之比較null和undefined值

更新時(shí)間：2016年05月16日 11:41:09 作者：Luka.Ye

這篇文章主要介紹了Javascript基礎(chǔ)教程之比較null和undefined值的相關(guān)知識，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧

JavaScript 中有兩個(gè)特?cái)?shù)值： undefined和null，在比較它們的時(shí)候需要留心。在讀取未賦值的變量或試圖讀取對象沒有的屬性時(shí)得到的就是 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>

輸出結(jié)果：

Prop: undefined

Javascript 又定義了一個(gè)特殊值 null ，這個(gè)值與 undefined 略有不同。后者是在未定義值得情況下得到的值，而前者則用于表示已經(jīng)賦了一個(gè)值但該值不是一個(gè)有效的 object、string、number 或 boolean 值（也就是說所定義的是一個(gè)無值[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 這個(gè)屬性
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>

輸出結(jié)果：

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

1. 檢查變量或?qū)傩允欠駷閡ndefined 或 null

如果想檢查某屬性是否為 null 或 undefined(不管是哪一個(gè))，那么只要使用 if 語句和邏輯非運(yùn)算符(!)即可。

<!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>

輸出結(jié)果：

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

2. 區(qū)分 null 和 undefined

在比較兩個(gè)值時(shí)，所用辦法應(yīng)視需要而定。如果想同等對待 undefined值和null值，那么應(yīng)該使用相等運(yùn)算符(==)，讓 Javascript 進(jìn)行類型轉(zhuǎn)換。此時(shí)值為 undefined 的變量會被認(rèn)為與值為 null 的變量相等。如果要區(qū)分 null 和 undefined，則應(yīng)使用等同運(yùn)算符(===)。

<!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>

輸出結(jié)果：

Equality: true
Identity: false

以上內(nèi)容是小編給大家介紹的js基礎(chǔ)教程之比較null和undefined值的相關(guān)知識，希望對大家有所幫助！

您可能感興趣的文章: