javascript中for/in循环及使用技巧
JavaScript 支持不同类型的循环:
for - 循环代码块一定的次数
for/in - 循环遍历对象的属性
while - 当指定的条件为 true 时循环指定的代码块
do/while - 同样当指定的条件为 true 时循环指定的代码块
1. in运算符:要求其左边的运算数是一个字符串,或可以被转换为字符串,右边的运算数是一个对象或数组。如果该运算符左边的值是右边对象的一个属性名,则返回true。
例如:
var point={x:1,y:2}; //对象直接量 var has_x="x" in point; //返回true var has_z="z" in point; //返回false var ts="toString" in point;//返回true,toString为继承方法
2. for/in语句:语法,
for (variable in object)
statement;
提供了一种遍历对象属性的方法。
例:
for(var prop in my_object) { document.write("name:"+prop+";value:"+my_object[prop],"<br>"); }
javascript的数组是一种特殊的对象,因此for/in循环可以像枚举对象属性一样枚举数组下标。
可以把一个对象的所有属性名复制到一个数组中,
例:
var o= {x:1,y:2,z:3}; var a=new Array(); var i=0; for (a[i++] in o) ;//空语句,用于初始化数组
3. in运算符与for/in语句不同,for/in语句in的左边可以是声明一个变量的var语句,数组的一个元素或者是对象的一个属性,不能使字符串。
4. 数组常用的存取属性运算符是“[]”,而不是“.”。使用“[]”来命名属性名师字符串值,是动态的,可以在运行时改变,而不是一个标识符“.”。
例:
var stock_name= get_stock_name_from_user();//从用户处获取股票名 var share= get_number_of_shares();//得到股票数量 portfolio[stock_name]= share;//动态地创建数组股票,并为每支股票赋值 将该例子与for/in循环一起使用,当用户输入了他的投资组合,可以计算当前总值 var value= 0; for (stock in portfolio) { value +=get_share_value(stock)*portfolio[stock]; }
stock存取的是每支股票的名字。
portfolio[stock]存取的是每支股票的数量。
for-in循环
功能:遍历对象属性,把属性名和属性值都提出来
var obj = { "key1":"value1", "key2":"value2", "key3":"value3" }; function EnumaKey(){ for(var key in obj ){ alert(key); } } function EnumaVal(){ for(var key in obj ){ alert(obj[key]); } } EnumaKey(obj) //key1 key2 key3 EnumaVal(obj) //value1 value2 value3
数组也可以这样遍历,但不推荐,因为不能保证顺序,而且如果在Array的原型上添加了属性,这个属性也会被遍历出来。
for-in循环应该用在非数组对象的遍历上,使用for-in进行循环也被称为“枚举”。
从技术上将,你可以使用for-in循环数组(因为JavaScript中数组也是对象),但这是不推荐的。因为如果数组对象已被自定义的功能增强,就可能发生逻辑错误。另外,在for-in中,属性列表的顺序(序列)是不能保证的。所以最好数组使用正常的for循环,对象使用for-in循环。
- JavaScript使用类似break机制中断forEach循环的方法
- 详谈js中标准for循环与foreach(for in)的区别
- Javascript数组循环遍历之forEach详解
- 全面解析JavaScript里的循环方法之forEach,for-in,for-of
- js的for in循环和java里foreach循环的区别分析
- javascript forEach通用循环遍历方法
- JS数组的遍历方式for循环与for...in
- javascript 循环语句 while、do-while、for-in、for用法区别
- JavaScript中for..in循环陷阱介绍
- js中forEach,for in,for of循环的用法示例小结
相关文章
Js setInterval与setTimeout(定时执行与循环执行)的代码(可以传入参数)
最近在做项目时用到了定时执行的js方法,setInterval与setTimeout时间长了不用有些生疏了,所以自己总结了一下,记下来,以便以后使用。2010-06-06Typescript 中的 interface 和 type 到底有什么区别详解
这篇文章主要介绍了Typescript 中的 interface 和 type 到底有什么区别详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2019-06-06前端开发必配置 html5shiv.js和respond.min.js的作用说明(bootstrap做IE低版
这篇文章主要介绍了前端开发必配置 html5shiv.js和respond.min.js的作用说明,需要的朋友可以参考下2023-05-05
最新评论