運算符 in

語法

prop in object

說明

如果指定的屬性在指定的對象或其原型鏈中，則 in 運算符返回true。

ps:

1、如果第二個運算數爲對象，則in運算符用來檢測第一個運算數是否是第二個運算數的屬性名。

2、如果第二個運算數爲數組，則in運算符用來檢測第一個運算數是否爲數組包含的索引之一。

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

//數組
var color = new Array("red", "yellow", "blue", "silvery", "pink");
console.log(0 in color); //true
console.log(1 in color); //true
console.log(4 in color); //true
console.log(5 in color); //false

console.log("red" in color); //false (必須使用索引號,而不是數組元素的值)

console.log("length" in color); //true (length是一個數組屬性)

// 內置對象
console.log("PI" in Math ); //true

// 自定義對象
var mycar = {make: "Honda", model: "Accord", year: 1998};
console.log("make" in mycar); //true
console.log("model" in mycar); //true

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

var color1 = new String("green");
console.log("length" in color1); //true

var color2 = "black";
console.log("length" in color2); //報錯 (color2不是對象)

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

var mycar = {make: "Honda", model: "Accord", year: 1998};
delete mycar.make;
console.log("make" in mycar); //false

var color = new Array("red", "yellow", "blue", "silvery", "pink");
delete color[3];
console.log(3 in color); //false

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

var mycar = {make: "Honda", model: "Accord", year: 1998};
mycar.make = undefined;
console.log("make" in mycar); //true

var color = new Array("red", "yellow", "blue", "silvery", "pink");
color[3] = undefined;
console.log(3 in color); //true

---

參考文章：

https://www.cnblogs.com/jf-67/p/6504270.html

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/in