深入浅析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 26 Javascript
关于在IE下的一个安全BUG --可用于跟踪用户的系统鼠标位置
Apr 17 Javascript
js利用数组length属性清空和截短数组的小例子
Jan 15 Javascript
JS根据年月获得当月天数的实现代码
Jul 03 Javascript
jQuery打印图片pdf、txt示例代码
Jul 22 Javascript
node.js中的console.assert方法使用说明
Dec 10 Javascript
js使用Array.prototype.sort()对数组对象排序的方法
Jan 28 Javascript
javascript中this的四种用法
May 11 Javascript
使用JQuery在线制作ppt并在线演示源码特效
Sep 08 Javascript
jQuery中选择器的基础使用教程
May 23 Javascript
Angular2 环境配置详细介绍
Sep 21 Javascript
javaScript生成支持中文带logo的二维码(jquery.qrcode.js)
Jan 03 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 取得瑞年与平年的天数的代码
2009/08/10 PHP
php 文件上传系统手记
2009/10/26 PHP
PHP的全局错误处理详解
2016/04/25 PHP
yii使用bootstrap分页样式的实例
2017/01/17 PHP
ThinkPHP中create()方法自动验证表单信息
2017/04/28 PHP
详解php用static方法的原因
2018/09/12 PHP
写了一个layout,拖动条连贯,内容区可为iframe
2007/08/19 Javascript
javascript 一个自定义长度的文本自动换行的函数
2007/08/19 Javascript
JQuery文字列表向上滚动的代码
2013/11/13 Javascript
JS获取本周周一,周末及获取任意时间的周一周末功能示例
2017/02/09 Javascript
Vue-Router实现页面正在加载特效方法示例
2017/02/12 Javascript
jquery.picsign图片标注组件实例详解
2018/02/02 jQuery
JS异步执行结果获取的3种解决方式
2019/02/19 Javascript
浅谈React Native 传参的几种方式(小结)
2019/05/21 Javascript
VUE 单页面使用 echart 窗口变化时的用法
2020/07/30 Javascript
用PyQt进行Python图形界面的程序的开发的入门指引
2015/04/14 Python
python实现自动更换ip的方法
2015/05/05 Python
简单谈谈python的反射机制
2016/06/28 Python
Scrapy基于selenium结合爬取淘宝的实例讲解
2018/06/13 Python
Pandas之DataFrame对象的列和索引之间的转化
2019/06/25 Python
使用tqdm显示Python代码执行进度功能
2019/12/08 Python
Python3 搭建Qt5 环境的方法示例
2020/07/16 Python
Python plt 利用subplot 实现在一张画布同时画多张图
2021/02/26 Python
用HTML5 Canvas API中的clearRect()方法实现橡皮擦功能
2016/03/15 HTML / CSS
Reebok官方旗舰店:美国知名健身品牌锐步
2019/01/07 全球购物
Ancheer官方户外和运动商店:销售电动自行车
2019/08/07 全球购物
《新型玻璃》教学反思
2014/04/13 职场文书
青春励志演讲稿范文
2014/08/25 职场文书
师德师风建设整改措施思想汇报
2014/10/11 职场文书
企业财务总监岗位职责
2015/04/03 职场文书
小学教师师德师风承诺书
2015/04/28 职场文书
2019年作为一名实习生的述职报告
2019/09/29 职场文书
如何用JavaScript检测当前浏览器是无头浏览器
2021/04/27 Javascript
怎么用Python识别手势数字
2021/06/07 Python
nginx请求限制配置方法
2021/07/09 Servers
Spring Boot实现文件上传下载
2022/08/14 Java/Android