DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> Javascript基礎_簡單比較undefined和null 值
Javascript基礎_簡單比較undefined和null 值
編輯:JavaScript基礎知識     

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 值就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved