JavaScript in 运算符

2025年1月7日 | 阅读 4 分钟

在本文中,我们将讨论 JavaScript 的 in 运算符。我们已经多次听说和讨论过算术、逻辑、比较和其他运算符。但您是否听说过或知道 JavaScript 的 in 运算符?答案可能是否定的,所以让我们来讨论 JavaScript 的 in 运算符。

JavaScript 的 'in' 运算符究竟是什么?

JavaScript in 运算符用于检查指定的属性或其任何继承属性(或者我们可以说是原型链)是否存在于对象中。如果指定的属性存在,则运算符返回 true;否则,返回 false。

现在,让我们看看 JavaScript in 运算符的语法。

语法

以上语法中提到的参数值定义如下:

prop: 此参数值为属性的名称。它包含一个符号或一个字符串,表示数组的索引或属性的名称。

object: 此参数是对象的名称。它是一个对象,用于检查它是否包含 prop

in 运算符返回一个布尔值 truefalse。如果对象中存在指定的属性,则运算符将返回 true;如果属性不存在,则返回 false

何时使用 JavaScript 的 in 运算符?

我们可以在下面列出的位置使用 JavaScript 的 in 运算符:

  • 我们可以使用它来验证一个属性是否存在于对象中。
  • 它可用于验证对象是否继承了某个属性。
  • 它还可以用于验证数组中是否存在索引/键。
  • JavaScript in 运算符可用于验证 HTML 元素中是否存在属性。

现在,让我们看一些例子,以便更清楚地理解 JavaScript 的 in 运算符。

示例 1

在此示例中,我们使用 JavaScript 的 in 运算符来检查数组中是否存在某些值。这里有一个名为 fruits 的数组,其中包含一些元素。首先,我们检查值 v1v3 是否在数组中。in 运算符将返回 true,因为这两个值都在数组中。然后我们从数组中删除值 v3,之后我们再次检查值 v3 是否存在于 fruits 数组中。in 运算符返回 false,因为该值已从给定数组中删除。

输出

执行上述代码后,输出将是 -

JavaScript in operator

单击给定按钮后,输出将是 -

JavaScript in operator

示例 2

此示例与上一个示例类似。这里我们使用数组的位置来检查该位置是否有元素。

输出

执行上述代码后,输出将是 -

JavaScript in operator

单击给定按钮后,输出将是 -

JavaScript in operator

给定的数组有四个元素,索引位置从 0 到 3。因此,在上图中,我们得到 false,因为给定数组中没有第 4 个位置。

在本文中,您了解了 JavaScript 的 in 运算符,它并不那么流行,但用于验证对象或对象类型实例上属性的存在。