js中for in的用法示例解析

 更新时间:2013年12月25日 16:22:22   作者:  
使用js的朋友对其中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属性来判断,说明如下:
propertyIsEnumerable 属性
返回 Boolean 值,指出所指定的属性是否为一个对象的一部分以及该属性是否是可列举的。
复制代码 代码如下:

object.propertyIsEnumerable(proName)

参数
object
必选项。一个对象。

proName
必选项。一个属性名称的字符串值。

说明
如果 proName 存在于 object 中且可以使用一个 For…In 循环穷举出来,那么 propertyIsEnumerable 属性返回 true。如果 object 不具有所指定的属性或者所指定的属性不是可列举的,那么 propertyIsEnumerable 属性返回 false。典型地,预定义的属性不是可列举的,而用户定义的属性总是可列举的。
propertyIsEnumerable 属性不考虑原型链中的对象。

相关文章

  • JS ES6多行字符串与连接字符串的表示方法

    JS ES6多行字符串与连接字符串的表示方法

    这篇文章主要介绍了JS ES6多行字符串与连接字符串的表示方法,结合具体实例形式对比分析了ES6中的多行字符串与连接字符串的表示方法与相关操作技巧,需要的朋友可以参考下
    2017-04-04
  • javascript文本模板用法实例

    javascript文本模板用法实例

    这篇文章主要介绍了javascript文本模板用法,实例分析了文本模板的相关实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • JS实现将数字金额转换为大写人民币汉字的方法

    JS实现将数字金额转换为大写人民币汉字的方法

    这篇文章主要介绍了JS实现将数字金额转换为大写人民币汉字的方法,涉及javascript字符串与数组操作的相关技巧,需要的朋友可以参考下
    2016-08-08
  • JS实现选定指定HTML元素对象中指定文本内容功能示例

    JS实现选定指定HTML元素对象中指定文本内容功能示例

    这篇文章主要介绍了JS实现选定指定HTML元素对象中指定文本内容功能,涉及javascript针对HTML页面元素的运算与选定相关操作技巧,需要的朋友可以参考下
    2017-02-02
  • JavaScript之promise_动力节点Java学院整理

    JavaScript之promise_动力节点Java学院整理

    这篇文章主要为大家详细介绍了JavaScript之promise的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • webpack4之如何编写loader的方法步骤

    webpack4之如何编写loader的方法步骤

    这篇文章主要介绍了webpack4之如何编写loader,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-06-06
  • js遍历对象key和value实战举例

    js遍历对象key和value实战举例

    这篇文章主要给大家介绍了关于js遍历对象key和value的相关资料,随着JavaScript在web应用程序中的广泛使用,遍历对象的key和value成为了编写复杂代码所必需的技能,需要的朋友可以参考下
    2023-07-07
  • 原生js实现简单贪吃蛇小游戏

    原生js实现简单贪吃蛇小游戏

    这篇文章主要为大家详细介绍了原生js实现贪吃蛇小游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-06-06
  • typescript基本数据类型HTMLElement与Element区别

    typescript基本数据类型HTMLElement与Element区别

    这篇文章主要为大家介绍了typescript基本数据类型HTMLElement与Element区别详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • js如何验证密码强度

    js如何验证密码强度

    这篇文章主要为大家详细介绍了js如何验证密码强度,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03

最新评论