深入浅析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 相关文章推荐
jQuery EasyUI API 中文文档 - Pagination分页
Sep 29 Javascript
Window.Open如何在同一个标签页打开
Jun 20 Javascript
BootStrap智能表单demo示例详解
Jun 13 Javascript
JS识别浏览器类型(电脑浏览器和手机浏览器)
Nov 18 Javascript
利用js定义一个导航条菜单
Mar 14 Javascript
jquery radio 动态控制选中失效问题的解决方法
Feb 28 jQuery
Koa代理Http请求的示例代码
Oct 10 Javascript
JavaScript实现邮箱后缀提示功能的示例代码
Dec 13 Javascript
JavaScript创建防篡改对象的方法分析
Dec 30 Javascript
详解iframe跨域的几种常用方法(小结)
Apr 29 Javascript
maptalks+three.js+vue webpack实现二维地图上贴三维模型操作
Aug 10 Javascript
Vue在H5 项目中使用融云进行实时个人单聊通讯
Dec 14 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
php 调用远程url的六种方法小结
2009/11/02 PHP
php图片加中文水印实现代码分享
2012/10/31 PHP
mac下安装nginx和php
2013/11/04 PHP
php源码分析之DZX1.5字符串截断函数cutstr用法
2015/06/17 PHP
Yii2框架数据库简单的增删改查语法小结
2016/08/31 PHP
PHP入门教程之PHP操作MySQL的方法分析
2016/09/11 PHP
修改yii2.0用户登录使用的user表为其它的表实现方法(推荐)
2017/08/01 PHP
让您的菜单不离网站
2006/10/03 Javascript
获取HTML DOM节点元素的方法的总结
2009/08/21 Javascript
c#和Javascript操作同一json对象的实现代码
2012/01/17 Javascript
javascript的switch用法注意事项分析
2015/02/02 Javascript
浅谈javascript构造函数与实例化对象
2015/06/22 Javascript
jquery实现图片上传之前预览的方法
2015/07/11 Javascript
js焦点文字滚动效果代码分享
2015/08/25 Javascript
通过原生JS实现为元素添加事件的方法
2016/11/23 Javascript
Javascript 数组去重的方法(四种)详解及实例代码
2016/11/24 Javascript
详解jQuery中基本的动画方法
2016/12/14 Javascript
vue 实现剪裁图片并上传服务器功能
2018/03/01 Javascript
layDate日期控件使用方法详解
2018/11/15 Javascript
Vue axios全局拦截 get请求、post请求、配置请求的实例代码
2018/11/28 Javascript
小程序实现悬浮搜索框
2019/07/12 Javascript
JS中的算法与数据结构之栈(Stack)实例详解
2019/08/20 Javascript
vue双向绑定数据限制长度的方法
2019/11/04 Javascript
Vue使用CDN引用项目组件,减少项目体积的步骤
2020/10/30 Javascript
Python Pandas list列表数据列拆分成多行的方法实现
2020/12/14 Python
家具厂厂长岗位职责
2014/01/01 职场文书
网页美工求职信范文
2014/04/17 职场文书
法制宣传标语
2014/06/23 职场文书
“九一八事变纪念日”国旗下讲话稿
2014/09/14 职场文书
中学生2014国庆节演讲稿:不屈的民族
2014/09/21 职场文书
2015年体育部工作总结
2015/04/02 职场文书
小学教育见习总结
2015/06/23 职场文书
2016年优秀共青团员事迹材料
2016/02/25 职场文书
工作一年自我鉴定
2019/06/20 职场文书
Elasticsearch 配置详解
2022/04/19 Java/Android
httpclient调用远程接口的方法
2022/08/14 Java/Android