深入浅析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 构造函数,公有,私有特权和静态成员定义方法
Nov 30 Javascript
jquery给图片添加鼠标经过时的边框效果
Nov 12 Javascript
浅析javascript中function 的 length 属性
May 27 Javascript
JQuery实现级联下拉框效果实例讲解
Sep 17 Javascript
深入理解React中es6创建组件this的方法
Aug 29 Javascript
jQuery复制节点用法示例(clone方法)
Sep 08 Javascript
bootstrap按钮插件(Button)使用方法解析
Jan 13 Javascript
基于Vue单文件组件详解
Sep 15 Javascript
vue 粒子特效的示例代码
Sep 19 Javascript
react native与webview通信的示例代码
Sep 25 Javascript
利用不到200行代码写一款属于你自己的js类库
Jul 08 Javascript
Vue结合路由配置递归实现菜单栏功能
Jun 16 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
在WIN98下以apache模块方式安装php
2006/10/09 PHP
PHP开发不能违背的安全规则 过滤用户输入
2011/05/01 PHP
PHP环境中Memcache的安装和使用
2015/11/05 PHP
详解PHP中的null合并运算符
2015/12/30 PHP
thinkphp利用模型通用数据编辑添加和删除的实例代码
2016/11/20 PHP
PHP编程 SSO详细介绍及简单实例
2017/01/13 PHP
兼容多浏览器的字幕特效Marquee的通用js类
2008/07/20 Javascript
为什么要在引入的css或者js文件后面加参数的详细讲解
2013/05/03 Javascript
深入理解javascript中defer的作用
2013/12/11 Javascript
jQuery动态改变图片显示大小(修改版)的实现思路及代码
2013/12/24 Javascript
JS实现可缩放、拖动、关闭和最小化的浮动窗口完整实例
2015/03/04 Javascript
如何防止JavaScript自动插入分号
2015/11/05 Javascript
JavaScript使用Range调色及透明度实例
2016/09/25 Javascript
node.js 中间件express-session使用详解
2017/05/20 Javascript
详解基于angular-cli配置代理解决跨域请求问题
2017/07/05 Javascript
Node错误处理笔记之挖坑系列教程
2018/06/05 Javascript
JS实现的新闻列表自动滚动效果示例
2019/01/30 Javascript
vue之a-table中实现清空选中的数据
2019/11/07 Javascript
详解JavaScript 异步编程
2020/07/13 Javascript
JS实现斐波那契数列的五种方式(小结)
2020/09/09 Javascript
Python正则表达式匹配HTML页面编码
2015/04/08 Python
Python爬虫实现全国失信被执行人名单查询功能示例
2018/05/03 Python
python 爬虫一键爬取 淘宝天猫宝贝页面主图颜色图和详情图的教程
2018/05/22 Python
对python3中, print横向输出的方法详解
2019/01/28 Python
python使用sessions模拟登录淘宝的方式
2019/08/16 Python
Python爬虫JSON及JSONPath运行原理详解
2020/06/04 Python
IE支持HTML5的解决方法
2009/10/20 HTML / CSS
HTML5各种头部meta标签的功能(推荐)
2017/03/13 HTML / CSS
HTML5地理定位_动力节点Java学院整理
2017/07/12 HTML / CSS
jurlique茱莉蔻英国官网:澳洲天然护肤品
2018/08/03 全球购物
办公室秘书岗位职责范本
2014/02/11 职场文书
金融管理应届生求职信
2014/02/20 职场文书
高速铁道技术专业求职信
2014/08/09 职场文书
先进集体申报材料
2014/12/25 职场文书
2016中秋节晚会开场白
2015/11/26 职场文书
煤矿安全学习心得体会
2016/01/18 职场文书