js中for in语句的用法讲解


Posted in Javascript onApril 24, 2015
 for(variable in object)

   statement

variable 是声明一个变量的var语句,数组的一个元素或者是对象的一个属性
在循环体内部,对象的一个属性名会被作为字符串赋给变量variable。

注意:对象的有些属性以相同的方式标记成了只读的,永久的(不可删除的)或者不可列举的,这些属性使用for/in循环不能枚举出来。虽然所有的用户定义的属性都可以枚举,但是许多内部属性,包括所有的内部方法都是不可枚举的。另外对象可以继承其他对象的属性,那些已继承的用户定义的属性可以使用for/in 循环枚举出来。

for(var i=0;i<len;i++)这样的用法一般都可以用for in 来替代。

例如:

var a = ["a","b","c"];

for(var el in a){

alert(a[el]);

}

这个就是穷举出a中的所有元素,当然上面这个例子是可以用
for(var i=0,len=a.length;i<len;i++){

alert(a[i]);

}

这种方式进行循环列出的,不过有时候这种方式就不一定奏效了。
例如:
var a = {"first":1,"second":2,"third":3};

这个时候就只能用for in来穷举了。

一个对象是否可以进行for in穷举,我们可以通过propertyIsEnumerable属性来判断,说明如下:

object.propertyIsEnumerable(propname)是否可以通过for/in循环看到属性
propname 一个字符串,包含object属性的名称
如果object具有名为propname的非继承属性,而且该属性是可枚举的(即用for/in循环可以枚举它),则返回true

描述:

用for/in语句可以遍历一个对象"可枚举"的属性,但并非一个对象的所有属性都是可枚举的,通过JavaScript代码添加到对象的属性是可枚举的,而内部对象的预定义属性(如方法)通常是不可枚举的.

propertyIsEnumerable()方法不检测原型链,这意味它只适用于对象的局部属性,不能检测继承属性的可枚举性

var o=new Object();

o.x=3.14;

o.propertyIsEnumerable("x");//true

o.propertyIsEnumerable("y");//false have not the property

o.propertyIsEnumerable("toString");//false inherited

Object.prototype.propertyIsEnumerable("toString");//false nonenumerable
Javascript 相关文章推荐
基于jQuery的Spin Button自定义文本框数值自增或自减
Jul 17 Javascript
给页面渲染时间加速 干掉Dom Level 0 Event
Dec 19 Javascript
Extjs Gird 支持中文拼音排序实现代码
Apr 15 Javascript
模拟电子签章盖章效果的jQuery插件源码
Jun 24 Javascript
js数字转换为float,取N位小数
Feb 08 Javascript
javascript 中__proto__和prototype详解
Nov 25 Javascript
ES6教程之for循环和Map,Set用法分析
Apr 10 Javascript
layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例
Sep 22 Javascript
在react-router4中进行代码拆分的方法(基于webpack)
Mar 08 Javascript
javascript获取元素的计算样式
May 24 Javascript
微信小程序在ios下Echarts图表不能滑动的问题解决
Jul 10 Javascript
vuex Module将 store 分割成模块的操作
Dec 07 Vue.js
JScript中的条件注释详解
Apr 24 #Javascript
HTML5+setCutomValidity()函数验证表单实例分享
Apr 24 #Javascript
js闭包实现按秒计数
Apr 23 #Javascript
jQuery中使用each处理json数据
Apr 23 #Javascript
javascript数组去重方法汇总
Apr 23 #Javascript
javascript实现英文首字母大写
Apr 23 #Javascript
原生js和jquery实现图片轮播淡入淡出效果
Apr 23 #Javascript
You might like
php 变量定义方法
2009/06/14 PHP
PHP 分页类(模仿google)-面试题目解答
2009/09/13 PHP
PHP如何实现订单的延时处理详解
2017/12/30 PHP
asp 取文本框名称代码
2008/12/02 Javascript
jquery $.ajax()取xml数据的小问题解决方法
2010/11/20 Javascript
菜鸟javascript基础资料整理2
2010/12/06 Javascript
基于jquery的图片轮播 tab切换组件
2012/07/19 Javascript
javascript跨浏览器的属性判断方法
2014/03/16 Javascript
点击标签切换和自动切换DIV选项卡
2014/08/10 Javascript
js创建对象的方式总结
2015/01/10 Javascript
JS简单计算器实例
2015/01/20 Javascript
js控制网页前进和后退的方法
2015/06/08 Javascript
浅谈Node.js:Buffer模块
2016/12/05 Javascript
JavaScript自定义分页样式
2017/01/17 Javascript
原生js实现可拖动的登录框效果
2017/01/21 Javascript
javascript 日期相减-在线教程(附代码)
2017/08/17 Javascript
微信小程序登录态和检验注册过没的app.js写法
2019/05/22 Javascript
layui lay-verify form表单自定义验证规则详解
2019/09/18 Javascript
vue之debounce属性被移除及处理详解
2019/11/13 Javascript
Vue使用预渲染代替SSR的方法
2020/07/02 Javascript
约瑟夫问题的Python和C++求解方法
2015/08/20 Python
python出现&quot;IndentationError: unexpected indent&quot;错误解决办法
2017/10/15 Python
TF-IDF与余弦相似性的应用(二) 找出相似文章
2017/12/21 Python
python版本的仿windows计划任务工具
2018/04/30 Python
windows下安装Python的XlsxWriter模块方法
2018/05/03 Python
Django如何自定义model创建数据库索引的顺序
2019/06/20 Python
pytorch sampler对数据进行采样的实现
2019/12/31 Python
如何通过Python3和ssl实现加密通信功能
2020/05/09 Python
Python xpath表达式如何实现数据处理
2020/06/13 Python
python实现发送QQ邮件(可加附件)
2020/12/23 Python
德国机场停车位比较和预订网站:Ich-parke-billiger
2018/01/08 全球购物
Huda Beauty官方商店:化妆和美容产品
2020/09/05 全球购物
团员个人的自我评价
2013/12/02 职场文书
书法大赛策划方案
2014/06/04 职场文书
个人年终总结结尾
2015/03/06 职场文书
利用ajax+php实现商品价格计算
2021/03/31 PHP