深入浅析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 相关文章推荐
通过判断JavaScript的版本实现执行不同的代码
May 11 Javascript
Javascript设置对象的ReadOnly属性(示例代码)
Dec 25 Javascript
jQuery中$.each使用详解
Jan 29 Javascript
Javascript将数字转化成为货币格式字符串
Jun 22 Javascript
H5用户注册表单页 注册模态框!
Sep 17 Javascript
JavaScript中关键字 in 的使用方法详解
Oct 17 Javascript
详解JS几种变量交换方式以及性能分析对比
Nov 25 Javascript
详解Angular2 关于*ngFor 嵌套循环
May 22 Javascript
AngularJs实现聊天列表实时刷新功能
Jun 15 Javascript
微信小程序switch开关选择器使用详解
Jan 31 Javascript
解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题
Aug 14 Javascript
详细聊聊浏览器是如何看闭包的
Nov 11 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开发的一些注意点总结
2010/10/12 PHP
php中3种方法统计字符串中每种字符的个数并排序
2012/08/27 PHP
Ubuntu server 11.04安装memcache及php使用memcache来存储session的方法
2016/05/31 PHP
PHP基于DOMDocument解析和生成xml的方法分析
2017/07/17 PHP
很酷的javascript loading效果代码
2008/06/18 Javascript
jquery dialog键盘事件代码
2010/08/01 Javascript
Jquery下判断Id是否存在的代码
2011/01/06 Javascript
浏览器页面区域大小的js获取方法
2013/09/21 Javascript
js字母大小写转换实现方法总结
2013/11/13 Javascript
js实现简单的购物车有图有代码
2014/05/26 Javascript
JS+CSS实现鼠标滑过时动态翻滚的导航条效果
2015/09/24 Javascript
jQuery中的for循环var与let的区别
2018/04/21 jQuery
react koa rematch 如何打造一套服务端渲染架子
2019/06/26 Javascript
[07:08]2014DOTA2西雅图国际邀请赛 小组赛7月11日TOPPLAY
2014/07/11 DOTA
[04:02]DOTA2上海特锦赛小组赛第二日recap精彩回顾
2016/02/28 DOTA
[01:25:33]完美世界DOTA2联赛PWL S3 INK ICE vs Magma 第二场 12.20
2020/12/23 DOTA
Python实现拼接多张图片的方法
2014/12/01 Python
Python使用chardet判断字符编码
2015/05/09 Python
python 与GO中操作slice,list的方式实例代码
2017/03/20 Python
Python eval的常见错误封装及利用原理详解
2019/03/26 Python
Django结合ajax进行页面实时更新的例子
2019/08/12 Python
解决torch.autograd.backward中的参数问题
2020/01/07 Python
举例详解CSS3中的Transition
2015/07/15 HTML / CSS
英国领先的亚洲旅游专家:Wendy Wu Tours
2018/01/21 全球购物
联强国际笔试题面试题
2013/07/10 面试题
编写一子程序,将一链表倒序,即使链表表尾变表头,表头变表尾
2016/02/10 面试题
机电工程专业应届生求职信
2013/10/03 职场文书
毕业生多媒体设计求职信
2013/10/12 职场文书
《陈毅探母》教学反思
2014/05/01 职场文书
学校师德师风自我剖析材料
2014/09/29 职场文书
国防教育标语
2014/10/08 职场文书
2014年化工厂工作总结
2014/11/25 职场文书
2016个人先进事迹材料范文
2016/03/01 职场文书
如何使用vue3打造一个物料库
2021/05/08 Vue.js
Go语言读取txt文档的操作方法
2022/01/22 Golang
Redis主从复制操作和配置详情
2022/09/23 Redis