关于JavaScript的in

最新推荐文章于 2024-04-30 14:57:11 发布

翻译最新推荐文章于 2024-04-30 14:57:11 发布 · 261 阅读

文章标签：

#JavaScript #in

学习专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了JavaScript中的in运算符使用方法及其特点。通过具体示例解释了如何判断一个属性是否存在于对象或数组中，并展示了变量提升对in运算的影响。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

代码：

    //定义一个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>");
    }

运算结果：

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

刷到的一个考题：

if(!"a"in window){
   var a =1;
}
alert(a);

解析：
javascript非strict模式下只有函数作用域，没有块作用域，所以在if 里面的赋值语句 var a =1; 中的 a 变量提升了

var a;
if(!"a"in window){
    a =1;
}
alert(a);

接着 ‘a’ in window === true //因为a先被变量提升了 window中存有a这个属性，
所以 !’a’ in window === false //if 里面语句不会赋值，
结果为：undefined