JavaScript中in关键字与for-in循环的使用详解

in关键字判断属性存在性

1. in运算符

语法为属性名 in 对象，用于检测指定属性名是否在对象中存在严格相等的属性，结果返回布尔值

左侧的属性名参数必须为字符串类型或数字类型

var obj = {

　　a : 1,

　　b : 2

}
console.log('a' in obj);//返回true，obj对象中存在a属性名

var arr = [12,11,10];

console.log(12 in arr);//返回false，原因arr数组中12,11,10三个值对应的属性名分别是0,1,2

for-in循环遍历机制

2. for-in循环结构

for(var prop in obj){

　　//循环语句

}

用于枚举对象的所有可枚举属性名，每次迭代将当前属性名赋值给变量prop并执行循环体

基于此特性可实现数组遍历操作：

var arr= ['abc','123',1,2,3];

for(var prop in arr){

　　console.log(prop);

　　console.log(arr[prop]);

}

常规for循环与for-in循环在数组遍历场景下的差异分析：

针对稀疏数组var arr = [1,2,3,,,,,4]的遍历测试

for(var i = 0; i < arr.length; i++){};//索引缺失处会输出undefined

for(var prop in arr){};//索引缺失处不会触发输出

构建长度为100的数组，通过for循环为每项赋值'abc'

var arr = new Array(100);

for(var i = 0; i < arr.length; i++){

　　arr[i] = 'abc';

}

禁止使用for-in循环进行此类操作

本文关于JavaScript中in运算符及for-in循环的解析至此结束，更多js in for-in循环相关技术文章请查阅本站往期内容或继续浏览下方推荐，感谢支持！