欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-11-21 15:19:28
javascript 中有两个特数值: undefined和null,在比较它们的时候需要留心。在读取未赋值的变量或试图读取对象没有的属性时得到的就是 undefined...

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 值就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。