JavaScript中关键字 in 的使用方法详解

 更新时间:2016年10月17日 11:29:49   作者:浮生小梦  
这篇文章主要介绍了JavaScript中关键字 in 的使用方法详解,非常不错,具有参考借鉴价值,需要的朋友可以参考下

for-in循环应该用在非数组对象的遍历上,使用for-in进行循环也被称为“枚举”。

  对于数组 ,迭代出来的是数组元素 但不推荐,因为不能保证顺序,而且如果在Array的原型上添加了属性,这个属性也会被遍历出来,所以

  最好数组使用正常的for循环,对象使用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]);
        }
      }

javascript中in关键字还有下面的作用

定义:

in操作符用来判断某个属性属于某个对象,可以是对象的直接属性,也可以是通过prototype继承的属性。

var Fn = function () { this.age = 1; };
Fn.prototype.name = 'jim';
// Fn.prototype.age = undefined;
var f = new Fn();
// hasOwnProperty
// 如何判断属性是被继承的???
console.log( 'age' in f && !f.hasOwnProperty( 'age' ) );
// age 可能存在原型链上, 也可能不存在
// 如果属性值就是 null 或 undefined, 那么此时 f.age 就无法判断了

对于一般的对象属性需要用字符串指定属性的名称

如:

var mycar = {make: "Honda", model: "Accord", year: 1998};
"make" in mycar // returns true
"model" in mycar // returns true

如果你使用delete操作符删除了一个属性,再次用in检查时,会返回false,如:

var mycar = {make: "Honda", model: "Accord", year: 1998};
delete mycar.make;
"make" in mycar; // returns false
var trees = new Array("redwood", "bay", "cedar", "oak", "maple");
delete trees[3];
3 in trees; // returns false

如果你把一个属性值设为undefined,但是没有使用delete操作符,使用in检查,会返回true.

var mycar = {make: "Honda", model: "Accord", year: 1998};
mycar.make = undefined;
"make" in mycar; // returns true
var trees = new Array("redwood", "bay", "cedar", "oak", "maple");
trees[3] = undefined;
3 in trees; // returns true

以上所述是小编给大家介绍的JavaScript中关键字 in 的使用方法详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • Bootstrap的Carousel配合dropload.js实现移动端滑动切换图片

    Bootstrap的Carousel配合dropload.js实现移动端滑动切换图片

    这篇文章主要介绍了bootstrap的Carousel配合dropload.js实现移动端滑动切换图片,实现方法非常简单,具有参考借鉴价值,需要的朋友可以参考下
    2017-03-03
  • TypeScript 中使用 getter 和 setter的方法

    TypeScript 中使用 getter 和 setter的方法

    这篇文章主要介绍了TypeScript 中如何使用 getter 和 setter, getter使我们能够将属性绑定到在访问属性时调用的函数,而 setter 将属性绑定到在尝试设置属性时调用的函数,需要的朋友可以参考下
    2023-04-04
  • js实现网页版贪吃蛇游戏

    js实现网页版贪吃蛇游戏

    这篇文章主要为大家详细介绍了js实现网页版贪吃蛇游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-02-02
  • Webpack4 使用Babel处理ES6语法的方法示例

    Webpack4 使用Babel处理ES6语法的方法示例

    这篇文章主要介绍了Webpack4 使用Babel处理ES6语法的方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-03-03
  • 微信小程序调用腾讯地图API文档JavaScript SDK和WebService API详细解读

    微信小程序调用腾讯地图API文档JavaScript SDK和WebService API详细解读

    本文介绍了如何使用腾讯位置服务,包括申请开发者密钥、获取小程序APPID、下载地图SDK、设置服务器域名白名单等步骤,详细说明了如何在微信小程序中集成腾讯位置服务,进行地图展示和周边搜索等功能的实现,同时提醒注意API的调用次数和权限限制,需要的朋友可以参考下
    2024-09-09
  • 简体中文转换繁体中文(实现代码)

    简体中文转换繁体中文(实现代码)

    本篇文章主要是对简体中文转换繁体中文的实现代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • js实现rem自动匹配计算font-size的示例

    js实现rem自动匹配计算font-size的示例

    本篇文章主要介绍了js实现rem自动匹配计算font-size的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • 微信小程序wxml列表渲染原理解析

    微信小程序wxml列表渲染原理解析

    这篇文章主要介绍了微信小程序wxml列表渲染原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-11-11
  • 70+漂亮且极具亲和力的导航菜单设计国外网站推荐

    70+漂亮且极具亲和力的导航菜单设计国外网站推荐

    网站可用性是任何网站的基本要素,而可用的导航更是网站所必需的要素之一。导航决定了用户如何与网站进行交互。如果没有了可用的导航,那么网站内容就会变得毫无用处。
    2011-09-09
  • cocos2dx+lua实现橡皮擦功能

    cocos2dx+lua实现橡皮擦功能

    这篇文章主要为大家详细介绍了cocos2dx+lua实现橡皮擦功能,类似刮刮乐效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12

最新评论