深入浅析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 load事件(callback/data)使用方法及注意事项
Feb 06 Javascript
使用JS获取当前地理位置方法汇总
Dec 18 Javascript
js实现的早期滑动门菜单效果代码
Aug 27 Javascript
JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍
May 19 Javascript
基于cssSlidy.js插件实现响应式手机图片轮播效果
Aug 30 Javascript
Bootstrap实现渐变顶部固定自适应导航栏
Aug 27 Javascript
vue.js学习笔记:如何加载本地json文件
Jan 17 Javascript
jQuery中 bind的用法简单介绍
Feb 13 Javascript
js实现拖拽上传图片功能
Aug 01 Javascript
vscode下的vue文件格式化问题
Nov 28 Javascript
jQuery实现滑动星星评分效果(每日分享)
Nov 13 jQuery
VUE实时监听元素距离顶部高度的操作
Jul 29 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/05/26 PHP
php命令行(cli)下执行PHP脚本文件的相对路径的问题解决方法
2015/05/25 PHP
js 居中漂浮广告
2010/03/21 Javascript
javascript的字符串按引用复制和传递,按值来比较介绍与应用
2012/12/28 Javascript
JavaScript实现GriwView单列全选(自写代码)
2013/05/13 Javascript
jquery js 获取时间差、时间格式具体代码
2013/06/05 Javascript
JQuery实现鼠标滑过显示导航下拉列表
2013/09/12 Javascript
js文件Cookie存取值示例代码
2014/02/20 Javascript
JS获得图片alt信息的方法
2015/04/01 Javascript
JS+DIV+CSS实现仿表单下拉列表效果
2015/08/18 Javascript
纯HTML5制作围住神经猫游戏-附源码下载
2015/08/23 Javascript
JavaScript定义全局对象的方法示例
2017/01/12 Javascript
js数组与字符串常用方法总结
2017/01/13 Javascript
ionic2屏幕适配实现适配手机、平板等设备的示例代码
2017/08/11 Javascript
用JS编写一个函数,返回数组中重复出现过的元素(实例)
2017/09/14 Javascript
Vue2.0生命周期的理解
2018/08/20 Javascript
js中的数组对象排序分析
2018/12/11 Javascript
vue实现表格过滤功能
2019/09/27 Javascript
vue学习笔记之slot插槽基本用法实例分析
2020/02/01 Javascript
如何优雅地取消 JavaScript 异步任务
2020/03/22 Javascript
基于canvasJS在PHP中制作动态图表
2020/05/30 Javascript
详解Vue的异步更新实现原理
2020/12/22 Vue.js
Python 模板引擎的注入问题分析
2017/01/01 Python
Python基于pycrypto实现的AES加密和解密算法示例
2018/04/10 Python
Python读写及备份oracle数据库操作示例
2018/05/17 Python
python实现超简单的视频对象提取功能
2018/06/04 Python
django的聚合函数和aggregate、annotate方法使用详解
2019/07/23 Python
Python 爬取淘宝商品信息栏目的实现
2021/02/06 Python
澳大利亚票务和娱乐市场领导者:Ticketmaster
2017/03/03 全球购物
优秀员工自荐信范文
2013/10/05 职场文书
新驾驶员个人自我评价
2014/01/03 职场文书
中学生差生评语
2014/01/30 职场文书
销售会计岗位职责
2014/03/15 职场文书
医生个人自我剖析材料
2014/10/08 职场文书
四大名著读书笔记
2015/06/25 职场文书
Vue+Element UI实现概要小弹窗的全过程
2021/05/30 Vue.js