深入浅析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 相关文章推荐
validator验证控件使用代码
Nov 23 Javascript
根据选择不同的下拉值出现相对应的文本输入框
Aug 01 Javascript
JavaScript获取伪元素(Pseudo-Element)属性的方法技巧
Mar 13 Javascript
JS修改iframe页面背景颜色的方法
Apr 01 Javascript
JavaScript实现添加、查找、删除元素
Jul 02 Javascript
JS中的数组方法笔记整理
Jul 26 Javascript
node.JS md5加密中文与php结果不一致的解决方法
May 05 Javascript
微信小程序地图导航功能实现完整源代码附效果图(推荐)
Apr 28 Javascript
ES6 Generator函数的应用实例分析
Jun 26 Javascript
关于vue路由缓存清除在main.js中的设置
Nov 06 Javascript
es6 for循环中let和var区别详解
Jan 12 Javascript
JavaScript的一些小技巧分享
Jan 06 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二维/三维数组转字符串
2013/09/13 PHP
php实现保存submit内容之后禁止刷新
2014/03/19 PHP
CI框架中zip类应用示例
2014/06/17 PHP
PHP实现根据时间戳获取周几的方法
2016/02/26 PHP
Ajax和PHP正则表达式验证表单及验证码
2016/09/24 PHP
通过源码解析Laravel的依赖注入
2018/01/22 PHP
Jquery 常用方法经典总结
2010/01/28 Javascript
基于jquery的商品展示放大镜
2010/08/07 Javascript
JavaScript 学习历程和心得分享
2010/12/12 Javascript
javascript实现点击按钮让DIV层弹性移动的方法
2015/02/24 Javascript
探究JavaScript函数式编程的乐趣
2015/12/14 Javascript
js实现仿微博滚动显示信息的效果
2015/12/21 Javascript
JavaScript拖拽、碰撞、重力及弹性运动实例分析
2016/01/08 Javascript
js实现目录链接,内容跟着目录滚动显示的简单实例
2016/10/15 Javascript
详解angularjs中的隔离作用域理解以及绑定策略
2017/05/31 Javascript
es6 字符串String的扩展(实例讲解)
2017/08/03 Javascript
Angular移动端页面input无法输入的解决方法
2017/11/14 Javascript
jquery如何实现点击空白处隐藏元素
2017/12/05 jQuery
JS中使用new Option()实现时间联动效果
2018/12/10 Javascript
vue-cli配置全局sass、less变量的方法
2019/06/06 Javascript
基于Vue 撸一个指令实现拖拽功能
2019/10/09 Javascript
Python操作Access数据库基本步骤分析
2016/09/19 Python
python读取与写入csv格式文件的示例代码
2017/12/16 Python
python使用原始套接字发送二层包(链路层帧)的方法
2019/07/22 Python
Python把图片转化为pdf代码实例
2020/07/28 Python
解决margin 外边距合并问题
2019/07/03 HTML / CSS
Ellos丹麦:时尚和服装在线
2016/09/19 全球购物
Mio Skincare美国官网:身体紧致及孕期身体护理
2017/03/05 全球购物
巴西宠物商店:Cobasi
2019/04/19 全球购物
自荐信写法介绍
2014/01/25 职场文书
运动会获奖感言
2014/02/11 职场文书
商务日语专业毕业生自荐信
2014/03/27 职场文书
任命书标准格式
2015/03/02 职场文书
《认识年月日》教学反思
2016/02/19 职场文书
Tensorflow与RNN、双向LSTM等的踩坑记录及解决
2021/05/31 Python
简述Java中throw-throws异常抛出
2021/08/07 Java/Android