Javascript基础_简单比较undefined和null 值

前端技术 2023/09/04 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 值就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持phpstudy。

本文地址：https://www.stayed.cn/item/9104

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案