深入浅析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实际应用:innerHTMl和确认提示的使用
Jun 22 Javascript
javascript 动态修改样式和层叠样式表代码
Apr 27 Javascript
JavaScript调试技巧之console.log()详解
Mar 19 Javascript
最流行的Node.js精简型和全栈型开发框架介绍
Feb 26 Javascript
把多个JavaScript函数绑定到onload事件处理函数上的方法
Sep 04 Javascript
数组Array的排序sort方法
Feb 17 Javascript
bootstrap实现动态进度条效果
Mar 08 Javascript
详解Vue组件实现tips的总结
Nov 01 Javascript
详解AngularJS之$window窗口对象
Jan 17 Javascript
vue通过video.js解决m3u8视频播放格式的方法
Jul 30 Javascript
详解Vuex下Store的模块化拆分实践
Jul 31 Javascript
使用JavaScript实现网页秒表功能(含开始、暂停、继续、重置功能)
Jun 05 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 遍历XP文件夹下所有文件
2008/11/27 PHP
深入理解PHP原理之Session Gc的一个小概率Notice
2011/04/12 PHP
php实现socket推送技术的示例
2017/12/20 PHP
通过继承IHttpHandle实现JS插件的组织与管理
2010/07/13 Javascript
js弹窗返回值详解(window.open方式)
2014/01/11 Javascript
JS将光标聚焦在文本最后的实现代码
2014/03/28 Javascript
js中各种类型的变量在if条件中是true还是false
2014/07/16 Javascript
JavaScript Promise启示录
2014/08/12 Javascript
封装属于自己的JS组件
2016/01/27 Javascript
详解Webwork中Action 调用的方法
2016/02/02 Javascript
Vue.js实现移动端短信验证码功能
2017/03/29 Javascript
vue实现表格增删改查效果的实例代码
2017/07/18 Javascript
BootStrap自定义popover,点击区域隐藏功能的实现
2018/01/23 Javascript
微信小程序自定义底部导航带跳转功能
2018/11/27 Javascript
JavaScript创建对象方式总结【工厂模式、构造函数模式、原型模式等】
2018/12/19 Javascript
vue设置一开始进入的页面教程
2019/10/28 Javascript
微信小程序实现通讯录列表展开收起
2020/11/18 Javascript
python多线程抓取天涯帖子内容示例
2014/04/03 Python
Python使用email模块对邮件进行编码和解码的实例教程
2016/07/01 Python
Python随机生成手机号、数字的方法详解
2017/07/21 Python
Python实现读写INI配置文件的方法示例
2018/06/09 Python
python读取word文档,插入mysql数据库的示例代码
2018/11/07 Python
Django unittest 设置跳过某些case的方法
2018/12/26 Python
numpy创建单位矩阵和对角矩阵的实例
2019/11/29 Python
如何通过Python3和ssl实现加密通信功能
2020/05/09 Python
PyQt5 控件字体样式等设置的实现
2020/05/13 Python
CSS3中几个新增加的盒模型属性使用教程
2016/03/01 HTML / CSS
电子狗项圈:eDog Australia
2019/12/04 全球购物
前台文员的岗位职责
2013/11/14 职场文书
全民健身日活动方案
2014/01/29 职场文书
文秘人员工作职责
2014/01/31 职场文书
军人违纪检讨书
2014/02/04 职场文书
出售房屋协议书范本
2014/10/06 职场文书
党员年度个人总结
2015/02/14 职场文书
毕业生政审意见范文
2015/06/04 职场文书
餐厅营销的秘密:为什么老顾客会流水?
2019/08/08 职场文书