js內置運算符in

語法

prop in object

prop

一個字符串類型或者 symbol 類型的屬性名或者數組索引(非symbol類型將會強制轉爲字符串)。

objectName

檢查它(或其原型鏈)是否包含具有指定名稱的屬性的對象。

下面的例子演示了一些 in 運算符的用法。

// 數組

        var trees = new Array("redwood", "bay", "cedar", "oak", "maple");

        0 in trees        // 返回true

        3 in trees        // 返回true

        6 in trees        // 返回false

        "bay" in trees    // 返回false (必須使用索引號,而不是數組元素的值)

        "length" in trees // 返回true (length是一個數組屬性)

        Symbol.iterator in trees // 返回true (數組可迭代,只在ES2015+上有效)

        // 內置對象

        "PI" in Math          // 返回true

        // 自定義對象

        var mycar = {make: "Honda", model: "Accord", year: 1998};

        "make" in mycar  // 返回true

        "model" in mycar // 返回true

in右操作數必須是一個對象值。例如,你可以指定使用String構造函數創建的字符串,但不能指定字符串文字。

var color1 = new String("green");

  "length" in color1 // 返回true

  var color2 = "coral";

  "length" in color2 // 報錯(color2不是對象)

如果你使用 delete 運算符刪除了一個屬性,則 in 運算符對所刪除屬性返回 false。

var mycar = {make: "Honda", model: "Accord", year: 1998};

delete mycar.make;

"make" in mycar;  // 返回false

var trees = new Array("redwood", "bay", "cedar", "oak", "maple");

delete trees[3];

3 in trees; // 返回false

如果你只是將一個屬性的值賦值爲undefined,而沒有刪除它,則 in 運算仍然會返回true。

        var mycar = {make: "Honda", model: "Accord", year: 1998};

        mycar.make = undefined;

        "make" in mycar;  // 返回true

        var trees = new Array("redwood", "bay", "cedar", "oak", "maple");

        trees[3] = undefined;

        3 in trees; // 返回true

如果一個屬性是從原型鏈上繼承來的,in 運算符也會返回true。

"toString" in {}; // 返回true

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章