首页 > web前端 > js教程 > 如何在 JavaScript 中使用'in”运算符?

如何在 JavaScript 中使用'in”运算符?

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
发布: 2023-09-12 17:13:09
转载
947 人浏览过

如何在 JavaScript 中使用“in”运算符?

在本文中,我们将探讨“in”运算符以及如何在 JavaScript 中使用它。 in 运算符是 JavaScript 中的内置运算符,用于检查对象中是否存在特定属性。如果属性存在则返回 true,否则返回 false。

语法

1

prop in object

登录后复制

参数

此函数接受如下所述的以下参数 -

  • prop - 此参数保存表示属性名称或数组索引的字符串或符号。

  • object - 将检查该对象是否包含 prop .

返回值 - 如果在对象中找到指定的属性,此方法将返回 true 或 false。

示例 1

在下面的示例中,我们将使用 JavaScript 中的 'inin' 运算符来查找属性是否存在。

# index .html

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

<html>

<head>

   <title>IN operator</title>

</head>

<body>

   <h1 style="color: red;">

      Welcome To Tutorials Point

   </h1>

   <script>

      // Illustration of in operator

      const array = [&#39;key&#39;, &#39;value&#39;, &#39;title&#39;, &#39;TutorialsPoint&#39;]

       

      // Output of the indexed number

      console.log(0 in array) //true

      console.log(2 in array) //true

      console.log(5 in array) //false

       

      // Output of the Value

      // you must specify the index number, not the value at that index

      console.log(&#39;key&#39; in array) //false

      console.log(&#39;TutorialsPoint&#39; in array) // false

       

      // output of the Array property

      console.log(&#39;length&#39; in array)

   </script>

</body>

</html>

登录后复制

输出

上述程序将在控制台中产生以下输出。

1

2

3

4

5

6

true

true

false

false

false

true

登录后复制

示例 2

在下面的示例中,我们演示了 in 运算符。

# index.html

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

<html>

<head>

   <title>IN operator</title>

</head>

<body>

   <h1 style="color: red;">

      Welcome To Tutorials Point

   </h1>

   <script>

      // Illustration of in operator

      const student = { name: &#39;Bill&#39;, class: &#39;IX&#39;, subjects: &#39;PCM&#39;, age: &#39;16&#39; };

      console.log(&#39;name&#39; in student);

      delete student.name;

      console.log(&#39;name&#39; in student);

      if (&#39;name&#39; in student === false) {

         student.name = &#39;Steve&#39;;

      }

      console.log(student.name);

   </script>

</body>

</html>

登录后复制

输出

上述程序将在控制台中产生以下结果。

1

2

3

true

false

Steve

登录后复制

以上是如何在 JavaScript 中使用'in”运算符?的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板