深入浅析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 ajax提交表单数据的两种方式
Nov 24 Javascript
jqeury eval将字符串转换json的方法
Jan 20 Javascript
jquery加载页面的方法(页面加载完成就执行)
Jun 21 Javascript
利用javascript打开模态对话框(示例代码)
Jan 11 Javascript
addEventListener 的用法示例介绍
May 07 Javascript
js控制网页背景音乐播放与停止的方法
Feb 06 Javascript
JavaScript入门教程之引用类型
May 04 Javascript
浅谈js多维数组和hash数组定义和使用
Jul 27 Javascript
AngularJS中$http使用的简单介绍
Mar 17 Javascript
windows下vue-cli导入bootstrap样式
Apr 25 Javascript
angular使用bootstrap方法手动启动的实例代码
Jul 18 Javascript
使用electron将vue-cli项目打包成exe的方法
Sep 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文本操作类
2006/11/25 PHP
不用mod_rewrite直接用php实现伪静态化页面代码
2008/10/04 PHP
PHP5 操作MySQL数据库基础代码
2009/09/29 PHP
PHP的mysqli_ssl_set()函数讲解
2019/01/23 PHP
Swoole 5将移除自动添加Event::wait()特性详解
2019/07/10 PHP
Laravel + Elasticsearch 实现中文搜索的方法
2020/02/02 PHP
两种WEB下的模态对话框 (asp.net或js的分别实现)
2009/12/02 Javascript
基于jQuery的淡入淡出可自动切换的幻灯插件
2010/08/24 Javascript
读取input:file的路径并显示本地图片的方法
2013/09/23 Javascript
JQuery EasyUI的使用
2016/02/24 Javascript
Bootstrap每天必学之日期控制
2016/03/07 Javascript
javascript函数命名的三种方式及区别介绍
2016/03/22 Javascript
Angular实现下载安装包的功能代码分享
2017/09/05 Javascript
在 Linux/Unix 中不重启 Vim 而重新加载 .vimrc 文件的流程
2018/03/21 Javascript
JavaScript使用小插件实现倒计时的方法讲解
2019/03/11 Javascript
windows下create-react-app 升级至3.3.1版本踩坑记
2020/02/17 Javascript
javascript单张多张图无缝滚动实例代码
2020/05/10 Javascript
[32:07]完美世界DOTA2联赛PWL S3 LBZS vs Rebirth 第一场 12.16
2020/12/17 DOTA
python实现根据用户输入从电影网站获取影片信息的方法
2015/04/07 Python
使用Python制作获取网站目录的图形化程序
2015/05/04 Python
使用Python来编写HTTP服务器的超级指南
2016/02/18 Python
python实现字符串连接的三种方法及其效率、适用场景详解
2017/01/13 Python
django 通过ajax完成邮箱用户注册、激活账号的方法
2018/04/17 Python
对python 多线程中的守护线程与join的用法详解
2019/02/18 Python
python实现logistic分类算法代码
2020/02/28 Python
Python 为什么推荐蛇形命名法原因浅析
2020/06/18 Python
世界上最大的各式箱包网络零售店:eBag
2016/07/21 全球购物
草莓巧克力:Shari’s Berries
2017/02/07 全球购物
德国、奥地利和瑞士最大的旅行和度假门户网站:HolidayCheck
2019/11/14 全球购物
日本最大的购物网站乐天市场国际版:Rakuten Global Market(支持中文)
2020/02/03 全球购物
Linux如何修改文件和文件夹的权限
2012/06/27 面试题
介绍一下EJB的分类及其各自的功能及应用
2016/08/23 面试题
药物学专业学生的自我评价
2013/10/27 职场文书
2014大学生学生会工作总结
2014/12/19 职场文书
2016党员干部政治学习心得体会
2016/01/23 职场文书
2019年作为一名实习生的述职报告
2019/09/29 职场文书