深入浅析JavaScript中的in关键字和for-in循环


Posted in Javascript onApril 20, 2020

1.in关键字

属性名 in 对象,用来判断某个属性在对象中是否存在与其严格相等的属性名,返回boolean值

属性名必须是字符串或数字

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

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的数组,给数组的每一项赋值为'abc',使用for循环

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循环内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
seajs1.3.0源码解析之module依赖有序加载
Nov 07 Javascript
Js 时间函数getYear()的使用问题探讨
Apr 01 Javascript
深入解析JavaScript中的变量作用域
Dec 06 Javascript
js获取本机操作系统类型的两种方法
Dec 19 Javascript
浅谈jquery上下滑动的注意事项
Oct 13 Javascript
详解JS去重及字符串奇数位小写转大写
Dec 29 Javascript
JS原型继承四步曲及原型继承图一览
Nov 28 Javascript
浅谈Webpack下多环境配置的思路
Jun 27 Javascript
Javascript实现秒表倒计时功能
Nov 17 Javascript
详解js location.href和window.open的几种用法和区别
Dec 02 Javascript
js页面加载后执行的几种方式小结
Jan 30 Javascript
详解datagrid使用方法(重要)
Nov 06 Javascript
vue实现购物车功能(商品分类)
Apr 20 #Javascript
vue实现淘宝购物车功能
Apr 20 #Javascript
javascript利用键盘控制小方块的移动
Apr 20 #Javascript
vue实现购物车的监听
Apr 20 #Javascript
详解微信小程序工程化探索之webpack实战
Apr 20 #Javascript
Vue中el-form标签中的自定义el-select下拉框标签功能
Apr 20 #Javascript
javascript设计模式 ? 中介者模式原理与用法实例分析
Apr 20 #Javascript
You might like
PHP输出缓存ob系列函数详解
2014/03/11 PHP
PHP魔术方法以及关于独立实例与相连实例的全面讲解
2016/10/18 PHP
php使用filter_var函数判断邮箱,url,ip格式示例
2019/07/06 PHP
Sample script that displays all of the users in a given SQL Server DB
2007/06/16 Javascript
JS运行耗时操作的延时显示方法
2010/11/19 Javascript
借助JavaScript脚本判断浏览器Flash Player信息的方法
2014/07/09 Javascript
jQuery中closest和parents的区别分析
2015/05/07 Javascript
JavaScript检测并限制复选框选中个数的方法
2015/08/12 Javascript
jQuery form插件的使用之处理server返回的JSON, XML,HTML数据
2016/01/26 Javascript
jQuery的Each比JS原生for循环性能慢很多的原因
2016/07/05 Javascript
jQuery获取attr()与prop()属性值的方法及区别介绍
2016/07/06 Javascript
AngularJS基础 ng-paste 指令简单示例
2016/08/02 Javascript
深入理解bootstrap框架之入门准备
2016/10/09 Javascript
实例解析jQuery中如何取消后续执行内容
2016/12/01 Javascript
微信公众号  提示:Unauthorized API function 问题解决方法
2016/12/05 Javascript
Angular2数据绑定详解
2017/04/18 Javascript
Vue-cli assets SubDirectory及PublicPath区别详解
2020/08/18 Javascript
python局域网ip扫描示例分享
2014/04/03 Python
从零学python系列之从文件读取和保存数据
2014/05/23 Python
在Python中使用pngquant压缩png图片的教程
2015/04/09 Python
使用Python解析JSON数据的基本方法
2015/10/15 Python
Python生成随机密码的方法
2017/06/16 Python
python3实现163邮箱SMTP发送邮件
2018/05/22 Python
Django 后台获取文件列表 InMemoryUploadedFile的例子
2019/08/07 Python
python怎么调用自己的函数
2020/07/01 Python
HTML 5 标签、属性、事件及浏览器兼容性速查表 附打包下载
2012/10/20 HTML / CSS
加拿大著名时装品牌:SOIA & KYO
2016/08/23 全球购物
美国杂志订阅折扣与优惠网站:Magazines.com
2016/08/31 全球购物
C++:memset ,memcpy和strcpy的根本区别
2013/04/27 面试题
办理信用卡工作证明
2014/01/11 职场文书
女娲补天教学反思
2014/02/05 职场文书
《望洞庭》教学反思
2014/02/16 职场文书
空中乘务员岗位职责
2014/03/08 职场文书
消防安全宣传口号
2014/06/10 职场文书
用python批量解压带密码的压缩包
2021/05/31 Python
python flask开发的简单基金查询工具
2021/06/02 Python