JS中关于in运算符

最新推荐文章于 2023-01-04 23:37:51 发布

智美码农

最新推荐文章于 2023-01-04 23:37:51 发布

阅读量729

点赞数

分类专栏： Javascript HTML 文章标签： javascript

本文链接：https://blog.csdn.net/u013385913/article/details/46560053

版权

Javascript 同时被 2 个专栏收录

14 篇文章 0 订阅

订阅专栏

HTML

6 篇文章 0 订阅

订阅专栏

近期看某框架源码时，发现以下代码用于当前环境是否支持触摸事件。

var touchSupport = ('ontouchstart' in document);

关于in用法描述如下：

in运算符虽然也是一个二元运算符，但是对运算符左右两个操作数的要求比较严格。in运算符要求第1个（左边的）操作数必须是字符串类型或可以转换为字符串类型的其他类型，而第2个（右边的）操作数必须是数组或对象。只有第1个操作数的值是第2个操作数的属性名，才会返回true，否则返回false。

具体测试代码如下：

<html>
<head>
  <title>in运算符</title>
  <script language="javascript" type="text/javascript">
   <!--
    //定义一个box对象
    var box = {box_length:200,box_width:100};
    //定义一个数组
    var arr = ["box_length",200,"200"];
    //定义变量
    var x = "box_length";
    var y = 2;
    if (x in box)
    {
     document.write("变量x包含在对象box之中<br>");
    }
    else
    {
     document.write("变量x不包含在对象box之中<br>");
    }
    if (y in box)
    {
     document.write("变量y包含在对象box之中<br>");
    }
    else
    {
     document.write("变量y不包含在对象box之中<br>");
    }
    if (x in arr)
    {
     document.write("变量x包含在数组arr之中<br>");
    }
    else
    {
     document.write("变量x不包含在数组arr之中<br>");
    }
    if (y in arr)
    {
     document.write("变量y包含在数组arr之中<br>");
    }
    else
    {
     document.write("变量y不包含在数组arr之中<br>");
    }
   -->
  </script>
</head>
<body>
</body>
</html>

测试结果如下：

变量x包含在对象box之中
变量y不包含在对象box之中
变量x不包含在数组arr之中
变量y包含在数组arr之中