Javascript-------------in-优快云博客

本文详细解释了JavaScript中的in运算符如何检查对象或其原型链上是否存在指定的属性，包括基本用法、数组和字符串特性、delete操作的影响以及继承属性的处理。

1. 定义：如果指定的属性在指定的对象或其原型链中，返回 true。

2.语法：prop in object

① prop：一个字符串类型或者 symbol 类型的属性名或者数组索引（非 symbol 类型将会强制转为字符串）。

② objectName：检查它（或其原型链）是否包含具有指定名称的属性的对象。

3.例子：

	var trees = new Array("redwood", "bay", "cedar", "oak", "maple");
	0 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

4.in 右操作数必须是一个对象值

例如，指定使用 String 构造函数创建的字符串，但不能指定字符串文字。

var color1 = new String("green");
"length" in color1 // 返回true

var color2 = "coral";
"length" in color2 // 报错(color2不是对象)

5. 对delete或值为 undefined 的属性使用 in

①使用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

6.继承属性

如果一个属性是从原型链上继承来的，in 运算符也会返回 true。