深入浅析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 相关文章推荐
ajax 文件上传应用简单实现
Mar 03 Javascript
基于jQuery选择器的整理集合
Apr 26 Javascript
javascript动态添加样式(行内式/嵌入式/外链式等规则)
Jun 24 Javascript
extjs_02_grid显示本地数据、显示跨域数据
Jun 23 Javascript
javascript 常用验证函数总结
Jun 28 Javascript
Bootstrap表单使用方法详解
Feb 17 Javascript
JS实现预加载视频音频/视频获取截图(返回canvas截图)
Oct 09 Javascript
bootstrap实现二级下拉菜单效果
Nov 23 Javascript
响应式框架Bootstrap栅格系统的实例
Dec 19 Javascript
javaScript中&quot;==&quot;和&quot;===&quot;的区别详解
Mar 16 Javascript
JS获取表格视图所选行号的ids过程解析
Feb 21 Javascript
如何在VUE中使用vue-awesome-swiper
Jan 04 Vue.js
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
上传文件先创建目录 再上传到目录里面去
2010/12/29 PHP
PHP中去除换行解决办法小结(PHP_EOL)
2011/11/27 PHP
php分页函数完整实例代码
2014/09/22 PHP
php对关联数组循环遍历的实现方法
2015/03/13 PHP
php使用parse_str实现查询字符串解析到变量中的方法
2017/02/17 PHP
PHP实现的多进程控制demo示例
2019/07/22 PHP
laravel 框架实现无限级分类的方法示例
2019/10/31 PHP
简单的php购物车代码
2020/06/05 PHP
表单类各种类型(文本框)失去焦点效果jquery代码
2013/04/26 Javascript
jQuery制作的别致导航有阴影背景高亮模式窗口
2014/04/15 Javascript
jQuery后代选择器用法实例
2014/12/23 Javascript
JavaScript插件化开发教程(五)
2015/02/01 Javascript
js仿百度切换皮肤功能(html+css)
2016/07/10 Javascript
jquery 判断div show的状态实例
2016/12/03 Javascript
js实现弹窗暗层效果
2017/01/16 Javascript
javascript作用域链与执行环境详解
2017/03/25 Javascript
JavaScript中一些特殊的字符运算
2017/08/17 Javascript
jquery实现用户登陆界面(示例讲解)
2017/09/06 jQuery
webpack3.0升级4.0的方法步骤
2020/04/02 Javascript
JS数组的常用10种方法详解
2020/05/08 Javascript
javascript实现贪吃蛇小练习
2020/07/05 Javascript
C#返回当前系统所有可用驱动器符号的方法
2015/04/18 Python
Python PyQt5实现的简易计算器功能示例
2017/08/23 Python
windows下安装Python的XlsxWriter模块方法
2018/05/03 Python
python 实现12bit灰度图像映射到8bit显示的方法
2019/07/08 Python
基于python操作ES实例详解
2019/11/16 Python
详解Python中的编码问题(encoding与decode、str与bytes)
2020/09/30 Python
CSS3实现图片抽屉式效果的示例代码
2019/11/06 HTML / CSS
英国第一家领先的在线处方眼镜零售商:Glasses Direct
2018/02/23 全球购物
英国领先的隐形眼镜在线供应商:Lenstore.co.uk
2019/11/24 全球购物
普天C++笔试题
2016/03/20 面试题
会计学应届毕业生推荐信
2013/11/04 职场文书
高中体育教学反思
2014/01/24 职场文书
幼儿园园长新年寄语
2015/08/17 职场文书
html5 录制mp3音频支持采样率和比特率设置
2021/07/15 Javascript
Python matplotlib安装以及实现简单曲线的绘制
2022/04/26 Python